Hi trish, On Nov 11, 2005, at 9:52 PM, Trish Meyer wrote: > > Please help! I've troubleshooted this for hours and can't figure out > how to fix it. >
Fixed it a little bit: http://www.ambiguism.com/CSSD/caa.html Added this to CSS: #innerContentWrap { width: 100%; float: left; } /* Begin .theClearFix styles: */ .theClearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .theClearFix { display: inline-table; } /* Begin filter. Hides from IE-mac \*/ * html .theClearFix { height: 1%; } .theClearFix { display: block; } /* End filter. End hide from IE-mac. */ /* End .theClearFix styles. */ I cleaned-up the html, makes it a bit more clear: <div id="content" class="theClearFix"> <div id="innerContentWrap" class="theClearFix"> <img src="images/lgoldberg_test160.jpg" alt="test" width="160" height="202" class="imgfloatleft"/> <h1>Heading 1</h1> <p>This is div#content and it is positioned relative to div#wrapper</p> <p>div#wrapper holds #leftcol (the sidebar) and #content </p> <p>#leftcol (sidebar) is float=left</p> <p>#content moves to the right thanks to the right margin amount</p> <div class="clearboth"></div> <img src="images/belcher_test100.jpg" alt="test" width="100" height="139" class="imgfloatright" /> <h2>Heading #2 +clear:both style </h2> <p>Everything works fine until ............ View source to see all the code. I saw some other issues with your css (no time to delve into that now), and I added borders to some of the divs to make it more obvious as to what is going on. Keep in mind, I quickly slapped this together... it already looks like some of the gurus on the list have replied with solid answers... hopefully a combination of all our help will solve your CSS troubles. Cheers, Micky ______________________________________________________________________ css-discuss [EMAIL PROTECTED] 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/
