I would appreciate some help in my attempt at a CSS float layout on wordpress - working on a mac without a wintel machine.(sniffle)
This is my current 'Ohlone' working draft layout template: http://www.modernia.net/oh/6/ You see a three column layout; a "sidebar area" floated left and a "main content area" floated right (split in two with 2 floats that are not causing problems). /* "main content area" */ #content {margin-left:190px;} .content {float:right;width:100%;} /* #content is parent */ /* "sidebar area" */ #primary {float:left;width:180px; margin-top: 220px; margin-right: -200px; padding:5px; border:3px solid red;} #secondary {float:left;width:180px; margin-right: -200px; padding:10px; clear:left; padding:5px; border:3px solid lime;} All wintel FF and osx browsers are OK like this IE8 xp screenshot (note green and red borders on two sidebar sections for de-bugging) http://browsershots.org/screenshots/c1c7224ec1d4cbac82784007accd6a83/ IE7, the sidebar content area rises up and stops at the the maincontent/sidebar container top or the horizontal navigation container bottom http://browsershots.org/screenshots/1e625e65b3e3fce3d7ae5422aef3d997/ IE5.5 and IE 6 are not high priorities but I do want them readable so the layout needs to hold. Both drop the sidebar content down to the level of the bottom of the main content area. (some part of main content white background covering flower image background on left also) http://browsershots.org/screenshots/d4e515ba0191da25c96d204a92882bd4/ IE5.5 also expands the main content area to the viewport: http://browsershots.org/screenshots/95aea1f2e6ead8d1170ee1247e09ac45/ I can but do not want to change much html markup because I am building this theme sort-of from-scratch on top of the wordpress 'thematic' framework 'skeleton'. This is a convenient diagram of the #div structure of the wordpress theme framework I am working with: http://themehybrid.com/blog/wp-content/uploads/2009/02/hybrid-legend.png THANK YOU! Don Spark DISCLAIMER I started work on this draft float layout a couple of weeks ago and got some css-discuss help on some problems. And, I have changed my approach somewhat. http://lists.css-discuss.org/mailman/private/css-d/2009-July/096044.html But, please forgive me if I am repeating a mistake that I have been advised on. ______________________________________________________________________ css-discuss [[email protected]] 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/
