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