|
|
Posted by Ben C on 03/19/07 12:04
On 2007-03-19, aljones <al@shotmail.com> wrote:
><<snipped>>
>
> Could you all take a look at http://aljones.us/ab and tell me please,
The url seems to have stopped working.
> why I now have a blank line showing up above the banner. It appears
> differently in FF and Opera but it's there in both. It came when I got
> the H1 text correctly centered horizontally - I've looked at that again
> and again as I've put the second page together, but I can't see where it
> comes from.
But I remember the blank line, it's quite an interesting one.
It's a collapsed margin. The <h1>'s top margin is collapsed with the top
margin of body, even though there are two floats between the <h1> and
the top of body. They're not "in the flow" remember.
That's a really tricky situation to lay out so I'm not surprised if
you're getting different results between browsers, although I think FF
gets it right.
If you want to get rid of the blank line, just give #banner padding-top:
1px.
Navigation:
[Reply to this message]
|