Sent by Anthony Baker on 22 November 2002 02:02
Hey Y'all,
Am having a problem with a CSS layout. It's essentially three DIVs
that are stacked, one atop the other. The first two line up exactly
bottom to top on both IE 6.0 for PC and Mozilla 1.1 for the PC, but
the third DIV does not. On IE 6.0, there is a 2-pixel gap that is
introduced between them, though they line up perfectly on Mozilla.
If I introduce a "margin-bottom:-2px" into the second DIV, they will
line up under IE 6.0, but it tweaks Mozilla.
Anyone ever had a problem like this before? Any solutions?
The CSS is listed below, with a snippet of the offending code after.
Complete versions are at:
www.lifemoxie.com/home_02.php
www.lifemoxie.com/code/css/layout.css
Thanks in Advance,
Anthony
------------------------------------------------------------------
#logo_home {
background:#fff;
width:765px;
height:110px
}
#photo_home {
top:110px;
width:765px;
height:101px;
}
#navbar_home {
width:765px;
height:15px;
margin-top:0px;
background-image:url("/img/bg_home.gif");
}
------------------------------------------------------------------
<body id="background">
<div id="logo_home">
** two images go here **
</div>
<div id="photo_home">
** one image goes here **
</div>
<div id="navbar_home">
** navbar images go here **
</div>
</body>
------------------------------------------------------------------
_______________________________________________
css-discuss [EMAIL-REMOVED]]
http://two.pairlist.net/mailman/listinfo/css-discuss
Sponsored by www.westciv.com - CSS resources | software | learning
