Other more experienced may help better then me. Still. I would play with floats.
1) Add overflow:hidden; to your #container 2) Add float: left; to both: vmenu and content; 3) Add overflow:hidden; to your #content 4) Group on a div, your h3 and img inside #content; 5) Float left your blue div; 6) Float left your red div; 7) Give your #footer the following: clear: both; (or left); >From here, validate your markup and css, and if in doubt, post back. k. regards, mem On Sep 27, 2012, at 16:24 , Del Wegener wrote: > Good Morning; > A colored illustration of my problem is at > http://www.alliedcorrosion.com/products/aaaaaa_testing.php > My question also appears in the green box in that illustration. > > I have a pretty standard vertical menu (orange) on the left with content > (gray) on the right. At the top of the content area will appear a left div > (blue) and right div (red). > Below those two is to be a div (green) which is as wide as the gray content > div (and is inside that content div) and touches the bottom of the longer of > the blue or red div. > > When I use clear:both or clear:left, the green div clears the menu div which > puts it far to far down the page. > > How do I fix this? Thanks > > Del > > > ______________________________________________________________________ > css-discuss [css-d@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/ ______________________________________________________________________ css-discuss [css-d@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/
