Jeralyn Merideth wrote:
> I just started this project and already I'm having alignment issues. Thing
> is, everything looks
> fine, so far, in IE 5.5 & 6, it's FF i'm having a problem with. Can someone
> look at my code and
> help me figure this out?
>
> Thanks in advance!
>
> http://www.5pts-interactive.com/projects/DHSS/
>
> Jeralyn Merideth - Owner
Hi Jeralyn
The alignment in FF is due to collapsing margins [1]. The default headings' top
margin in the #masthead div is escaping the #masthead div and in turn escapes
the #wrapper div. This pushes the #wrapper div roughly 20px down from the
#topMast div. IE however is showing it's bugs with hasLayout causing the
default headings' top margin to disappear. The #masthead div has a width and
height which are both hasLayout triggers. The fix is.
#masthead h1 {
margin-top: 0;
}
which simply removes the gap in FF.
1. <http://www.w3.org/TR/CSS21/box.html#collapsing-margins>
Alan
http://css-class.com/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
