I probably have a basic IE browser bug affecting floats and or margins. It would be great to get a fix for this (#1.) margin-left 200px not working in MSIE7(5.5 and 6 too) and identify the bug so I understand it going forward. The CSS in question is at the bottom of this email. There are two other bugs (#2 and #3) I am trying fix at the moment if anyone knows.
Here is a screenshot showing bug http://modernia.net/oh/7-22msie7-xp.png The address of this 'Ohlone' layout template is http://www.modernia.net/oh/5/ This is a convenient diagram of the wordpress theme framework I am working with html DIVs organization http://themehybrid.com/blog/wp-content/uploads/2009/02/hybrid-legend.png (all tested at 1024 x 764 screen rez) ALL SAME 2 PROBLEMS ON IE 5.5, 6, 7 on XP #1. *** #content {margin-left:200px;} This margin does not happen --- so the fluid content area pushes down the static sidebar area (#primary #secondary) #2.*** containers for header, horiz. nav., footer dont show background color(But the margins seem to be there in terms of spacing) #3. IE 5.5, 6 on XP: #content expands to fill viewport ALL THESE BROWSERS LOOK OK: (MOST OR ALL OSX safari and FF), IE 8, FF 1.5 on win2000, FF 2-3.5 on xp I am on a mac testing with http://browsershots.org My browser goal for this site is only to be basically functional(does not need to be pretty) in windows IE5-6, FF1.5. THANKS! Don #container { overflow:hidden; margin:20px; padding:5px; background-color:red;border:1px solid #000; } #content { margin-left:200px; padding:5px; background-color:yellow;border:1px solid #000; } .content { float:right; /* margin:20px 20px 20px 240px; */ background-color:powderblue;border:1px solid #000; } .hentry { margin:20px 20px 20px 20px; background-color:lightyellow;border:1px solid #000; } #primary { float:left;width:180px; margin:20px -180px 20px 20px; padding:5px; background-color:#9cf;border:1px solid #000; } #secondary { float:left;width:180px; margin:20px -180px 20px 20px; clear:left; padding:5px; background-color:#9cf;border:1px solid #000; } ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
