Hi David,

I tried that solution, but it also never worked, i uploaded it here:


Is it really that difficult to create a simple 2 column layout in CSS? Im beggining to doubt CSS if this is the case. All i need is a 2 column layout with each column being 50% and when u stretch the browser each column increases (but both stay at 50%)

Here is a table version of what i am trying to acheive: http://www.burninthespotlight.com/cssprob/ll/table_50_50.htm

I hope some one has a solution...

Cheers people,


David Laakso wrote:

On Sat, 05 Feb 2005 13:11:26 +0000, Joey <[EMAIL PROTECTED]> wrote:

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.



..................... Not sure if this will meet your need: #left { border: 1px dotted red; height: 100%; margin: 0; overflow: hidden; padding: 0; text-align: center; width: 50%; } #right { border: 1px dashed blue; height: 100%; left: 50%; margin-left: -2px; position: absolute; text-align: center; top: 0; width: 50%; z-index: 2; }

<div id="right">
<div id="left">

****************************************************** The discussion list for http://webstandardsgroup.org/

See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help

Reply via email to