Previous Message
Next Message

Site check. IE 6 gets it wrong, IE 5.5 gets it right???

Sent by Bob Easton on 30 April 2005 11:11


jack fredricks wrote:
> *html .sectionLanding .contentArea {width:540px}
> 
> and
> 
> .sectionLanding .landingSidebar {float:left; width:135px;
> border-right:1px solid #ccc; height:200px; background:orange}
> 
> 
> 1) each landingsidebar is 136px wide (135px + 1px border-right)
> 2) the star * html rule is telling IE6 to make the contentArea 540px
> wide. That only leaves room for 3.
> 

Jack offered a good answer. It makes sense *IF* you know that IE 5.x 
calculates box sizes differently than IE 6.  The 5.5 calculation is 
known as the broken box model.  A good explanation at Tantek's site 
below.  Since Tantek offered his hack, better ones have evolved and Jack 
showed you what is known as the Simplified Box Model Hack (SMBH).

http://www.tantek.com/CSS/Examples/boxmodelhack.html
http://www.doxdesk.com/personal/posts/css/20020212-bmh.html
http://css-discuss.incutio.com/?page=BoxModelHack
-- 
Bob Easton
Accessibility Matters: http://access-matters.com

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
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: