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
--
http://www.dlaakso.com/
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************