|
Posted by Wrm on 03/31/06 04:21
"Chris Ashley" <chris.ashley2@gmail.com> kirjoitti
viestiss:1143709979.509324.282820@e56g2000cwe.googlegroups.com...
<snip>
> http://devsite.webmoney.co.uk/defaultold.asp
>
> In IE this renders fine, but in Firefox a strange break seems to appear
> causing the top right box to float in the centre of the page. Anybody
> have any idea why?
Ok, could not leave this issue rest (or bother me) just yet. Might be best
if you use
<div style="clear:left;"></div>
between each product overview row.
Issue why 1st item in 2nd row ends up in middle of the screen is rather
simple to find if you set
* { border: 1px solid red;}
and tweak wrapper bit wider, say 766px;
After that it's rather clear that first product overview box (Home
Insurance) is HIGHER than others (on FF atleast) in that row, so 4th
floated box ends up in middle of the screen because of that...
So just use clearer divs between each row of boxes if you plan to have more
than just those two rows.
[Back to original message]
|