[---]This CSS quirk has been bugging me for several days and I really dont want to resort to using tables. Please help, if you can. Summary: Aligning 2 DIVS inside a DIV using floats makes the floated DIVS render outside the boundaries of their container DIV (on Firefox 1.0.4)
One of many methods::
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">
<head>
<title>2-col</title>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
<style type="text/css" media="screen">
/*<![CDATA[*/
<!--
#container { background-color: #A9C5F5; float: left; margin-right: -200px; width: 780px; }
#major { background-color: #A9C5F5; margin-left: 200px; }
#minor { background: #e5e7d3; float: left; width: 200px; }
-->
/*]]>*/
</style>
</head><body><div id="container"><div id="minor">
<p>Lorem</p>
</div><div id="major">
<p>The container division needs to be 780px or less!!!</p>
</div></div></body></html>
Regards,
David
--
http://www.dlaakso.com/
______________________________________________________________________ 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/
