I made two other banners for my blog than the one that is in the middle right now, but I absolutely hated them so I trashed em. *sigh* Not every day is a good one.
Thankfully the bats on the right take some of the burden away of making it full width. Unfortunately by now I have also noticed IE7 is giving me crap around that hour glass. It’s because they *scrapped* the *html overrides. What that means is: Microsoft has attempted to make their browser conform to min-height, an element it didn’t know before. In other words, you would think it would also react to min-height exactly the same as Firefox. My bad! It left a gap of about 40 pixels for completely unclear reasons. So if I simply give height, it fixes it for the single post pages but of course you will have cut off entries on the front page… honestly.
Now I’m clueless! Set the *html hack back to 180em and it fixes the gap?! What the hell! Does that work or doesn’t it? Everywhere on the net it says it shouldn’t work…
-
#content{background: url(images/contentbg.jpg) repeat-y #000; min-height: 1800px; width:480px;float:left; line-height:20px;}
-
* html #content {
-
height: 180em;
-
}
I honestly believe stuff like this can let you end up in the nuthouse one day…
Oh! And I fixed that small difference between IE7 and Firefox near that silver ornament by using this code on an override:
Go figure.
Posted in Design & Code | No Comments »
