Richard Grevers wrote:
> We are getting random float drops on the newly redesigned
> http://www.freeparking.co.nz/hosting/ So far IE7 and Opera have been
> rock-solid, but Firefox 1.5.11 has dropped on one PC and been ok on
> another, and I've seen one instance of dropping on IE6. (on a smaller
> monitor)
>
> The sizing is 69% + 3% + 27% (=99%) - how low do we need to go to
> avoid rounding errors?
Depends on what full width (100%) is in pixels. What you have now should
be more than enough, but you're using the wrong tactic at the moment,
and there are a few potential/real problems with wide elements in that page.
If you use 'float:left' on the left column and 'float:right' on the
right column, you won't need - or even want - a 'margin-right: 3%' on
the left column at all.
The same goes for "VPS" and "Dedicated" - float them left and right and
delete the 'margin-right: 2.5%' on the "VPS" column.
The above should give you plenty of extra space to "fool around on" in
all browsers, without changes to appearance.
The google image is too wide for its container. Same in all browsers on
narrow windows, but IE6 has narrow window all the time and can't handle
overflow, so the container becomes too wide and subsequently breaks the
column-width and causes float-drop.
Solution: make the image narrower by cutting off white area, and center it.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/
