Previous Message
Next Message

Width Handling IE/Win

Sent by Ingo Chao on 17 February 2006 11:11


Richard Brown wrote:
> <http://www.lostwithiel.org.uk/>
> In IE/Win the sidebar floats below the main content. 


#sidebar { float: right; width: 27%; margin-left: 3%; }

Do you need this left margin at all?

(IE will not calculate this % margin correctly for various reasons [1] 
the % margin is calculated with respect to its grandparent, body, and 
not as intended with respect to #wrap. You would need an #innerwrapper 
of 100% width of #wrap, but rounding problems would still remain).

Some other problems on this page could be related to the doubled float 
margin bug [2], I suspect, and in addition, various rounding problems in IE.

The horizontal scroll bar in all browswers is due to the ul navigation
  #nav {...width: 100%;... padding: 10px 0 0 46px;}
see the css-d WIKI for the CSS box model.


Ingo

[1] http://positioniseverything.net/explorer/percentages.html
[2] http://positioniseverything.net/explorer/doubled-margin.html

-- 
http://www.satzansatz.de/css.html
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
Previous Message
Next Message

Message thread: