From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Joey
Sent: Friday, February 04, 2005 12:53 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] 2 Column Symetrical Stretching Layout?

Hi Tom,

Thanks for that solution, but unfortunately it doesnt work, because i get a horizontal scrollbar at the bottom of the page, in both Firefox and IE. Does anyone else have any solutions for this?

Thanks

Josef

Tom Livingston wrote:
This worked for me:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
#main{width:100%; padding:0 50px 0 50px; margin:0;}
#left{width:45%; background-color:#FF0000; padding:0; margin:0; float:left;}
#right{width:45%; background-color:#00FF00; padding:0; margin:0 0 0 45%;}
</style>
</head>

<body>

<div id="main">
<div id="left">&nbsp;<br></div>
<div id="right">&nbsp;<br></div>
</div>
</body>
</html> 

 ======================================
 
Remove the 45% margin #right and it will work fine. 
 
drew  

 

Reply via email to