Re: [WSG] 2 Column Symetrical Stretching Layout?

[Joey]

Hi David,
I tried that solution, but it also never worked, i uploaded it here:
http://www.burninthespotlight.com/cssprob/ll/css_50_50.htm
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,
Josef
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.

Cheers,
Josef
.....................
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">
<p>right</p>
</div>
<div id="left">
<p>left</p>
</div>
David
******************************************************
The discussion list for  http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************