Hi Drew,
I removed the 45% margin from #right but this still never worked:
This is what i did:
*
Before:* #right{width:45%; background-color:#00FF00; padding:0; margin:0 0 0 45%;}
*After:* #right{width:45%; background-color:#00FF00; padding:0; margin:0;}
Does anyone have any ideas on how to solve this? I dont want to resort to tables to get a 50% 50% 2 column stretching layout.
Im a novice with CSS/XHTML, but i feel im picking it up fast, but this simple layout i cant seem to do.
Cheers,
Josef
------
Trusz, Andrew wrote:
------------------------------------------------------------------------ *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"> <br></div>
<div id="right"> <br></div>
</div>
</body>
</html>
======================================
Remove the 45% margin #right and it will work fine. drew
****************************************************** The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************