Sent by Brandon Oto on 29 August 2002 07:07
*applauds*
on 8/28/02 9:41 PM, Big John at [EMAIL-REMOVED] mumbled something
about:
> #head {
> margin: 1px 20px 25px 20px;
> height: 92px;
> border-bottom: 1px solid #000000;
> }
>
> The padding is removed, and is added to the height. A side
> effect of this is that the image is now too high, so add
> a top padding to .imgwrapper, to push it down a bit.
Evar so close. See, I played with it a bit, and it turns out the correct
height is actually 52 - the one it's at NOW. I can completely remove the
padding without seeing ANY effect.
I have no idea why the padding was even there. Probably a relic of when I
was using a string of text as a filler for the head instead of an image.
Anyway, take a look now, if you might - look better? Padding's gone, good
riddance.
> #head {
> \height: 93px; /* IE5.x can read this but old browsers can't */
> }
>
> #head { /* IE.5.x can't read this, modern ones can */
> hei\ght: 92px; /* the escape can go after any letter */
> /* except the first six: a,b,c,d,e,f */
> }
>
> These two go directly after the first #head rule, and are
> equivalent to the Tantek hack, but much easier to remember.
> The middle rule feeds 'height: 93px' to IE5.x, and the last
> corrects this for good browsers. The first is for old browsers.
Inserted. What a difference a pixel can make. Problem solved, or no?
> I thought of having you reorganize the entire page to
> 'properly' fix this problem, but you've suffered enough.
Heh... reorganize how? Maybe a project for a rainy day...
> There's one other thing. In IE5.x the footer div is not
> centered. You do have 'text-align: center' on the footer
> div (a hack for IE) but it should go on the element that
> encloses the footer div, not the footer div itself. Just
> wrap the footer in a div and apply 'text-align: center'
> to that div. (whew! that WAS easy!)
Indeed. In fact, the reason I text-aligned it center is because... (drum
roll) the text IS centered, and should be.
But I've added the hack to help IE 5 find its poor way. Yes, no?
Big, big thanks, John! Luv ya :)
- Brandon
