Michael Matzkin wrote:
> Now that the left column is being floated, the first occurrence of a
> clear property causes the main content to gap below the left column.
> http://mum.safire.com/admin/faculty.html
The 'clear' property will clear everything within sight - including the
left column, unless we isolate 'clear' inside a container.
> Any ideas? Aside from using tables instead of floats in the main
> content?
Float it some more. Floats isolates their content from outside elements.
Add...
#content {float: right /* isolate */;
width: 559px /* a suitable width */;
margin: 0 0 0 -3px /* note this new margin */;
}
#wrapper {
overflow: hidden /* contain the floats */;
}
* html #wrapper {
overflow: visible /* prevent old IE from breaking */;
}
#sideleft {
clear: both /* make sure the page can take a little bit of font-resizing
without breaking completely */;
}
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
