Page is a not externally linkable
- Code, Content, and Presentation
-- CSS
---- Height in 3 colum CSS layout


Vanessa - 6:06 am on Aug 15, 2002 (gmt 0)


If I use position: relative how do I get columns to sit across the page, aligned across the top. Here is my code:

/* parent div */
#corners{
border: #000000 solid 1px;
background-color: #0000ff;
width: 100%
}

/* left column */
#cornersleft{
border: #000000 solid 1px;
background-color: #00ccff;
width: 180px;
height: 100%;
position: relative;
left: 0px
}

/* centre column */
#cornerscenter{
border: #000000 solid 1px;
background-color: #ffffff;
margin: 0px 180px 0px 180px;
height: 100%;
position: relative
}

/* right column */
#cornersright{
border: #000000 solid 1px;
background-color: #00ccff;
width: 180px;
height: 100%;
position: relative;
right: 0px
}


Thread source:: http://www.webmasterworld.com/css/284.htm
Brought to you by WebmasterWorld: http://www.webmasterworld.com