Sent by David Laakso on 20 May 2005 00:12
On Thu, 19 May 2005 13:38:41 -0400, Nick Swerdlow [EMAIL-REMOVED]>
wrote:
> 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-REMOVED]]
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/
