Leora Waldman wrote:
> See http://www.excellenceweb.com/besr/he/pages/home.php
> in IE everything lines up the way I want - the problem is in FF
Well, you can trust Firefox on this one. IE6 is wrong, regardless of the
fact that it looks the way you want. You're experiencing a bunch of IE-bugs.
Floats shall *not* go higher than the top of the last, previous, float
in the source-code, so your floated homebox / homebox2 shall line up
with the top of the last float on the left side. That's exactly where
Firefox, Opera, and all other standard-compliant browsers, position it.
This line-up problem can be solved in many ways, but since you probably
want all browsers to use one set of declarations and IE6 is a bit behind
when it comes to standards, the following 'all-float' construction will
be most stable.
Wrap all 4 images on the left in a div, style that div as a left-float,
and "un-float" and restyle those images...
<div id="banners">
<img src="Images/zend1.gif" alt="some meaningful text here" />
<img src="Images/zend2.gif" alt="some meaningful text here" />
<img src="Images/zend3.gif" alt="some meaningful text here" />
<img src="Images/zend4.gif" alt="some meaningful text here" />
</div>
#banners {float: left; width: 193px;}
#banners img {margin-top: 7px;}
This will make those images line up exactly as before, but now in a
floated block instead of as individual floats.
Then restyle .content as a right-float...
.content {
width: 570px;
margin-left: 0;
float: right;
padding: 7px 7px 0 0;
}
...and add...
.homebox {display: inline;}
...to "kill" the 'margin-doubling on floats' bug in IE6.
The above will be rendered identically by Firefox, IE6, Opera, and
probably every standard-aware browser out here.
Conclusion:
- Never trust IE6 to do anything right (even though it does at times).
- Never design for/in IE6 - ever. Just "kill" its bugs.
- Firefox is right most of the time - but not always. If in doubt: get
second opinion from other non-IE/non-Gecko browsers.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
