April 03, 2003
Layout
TooMuchSexy.blog: Three Columns
The Holy Grail of layouts. I tried unsuccessfully to move to a three column layout a few months ago, so congrats to Etan. This may shame me into trying it again.
You may be of some assistance.
Do you happen to know how I could set the columns using percentages? I currently have it set up like this:
#content {
z-index: 3;
padding: 5px;
background: #333333;
margin-right:170px;
margin-left: 170px;
margin-bottom:20px;
}
#links {
z-index:1;
position:absolute;
top: 135px;
right: 20px;
width: 180px;
background: #333333;
color: #CCCCCC;
}
#llinks {
z-index:2;
position:absolute;
top: 115px;
left: 20px;
width: 180px;
background: #333333;
color: #CCCCCC;
}
And while it works, I don't like doing it by assigning pixels.
If you have any suggestions, thanks. If not... thanks anyway! :)
Posted by: Etan at April 3, 2003 07:52 PM
That is actually one of the problems I had. I could not for the life of me get it to work in all the browsers. It seems that IE sees percents different than Mozzilla. In theory you should be able to just do a width: 20%; and the center should adjust. It doesn't seem to work. I plan to tackle it this weekend, but I will probably end up doing what you did. If I figure it out I will be sure to let you know. Sorry for the lack of real help here :-(
Posted by: Thomas Noe at April 3, 2003 10:40 PM
You may be of some assistance.
Do you happen to know how I could set the columns using percentages? I currently have it set up like this:
#content {
z-index: 3;
padding: 5px;
background: #333333;
margin-right:170px;
margin-left: 170px;
margin-bottom:20px;
}
#links {
z-index:1;
position:absolute;
top: 135px;
right: 20px;
width: 180px;
background: #333333;
color: #CCCCCC;
}
#llinks {
z-index:2;
position:absolute;
top: 115px;
left: 20px;
width: 180px;
background: #333333;
color: #CCCCCC;
}
And while it works, I don't like doing it by assigning pixels.
If you have any suggestions, thanks. If not... thanks anyway! :)
Posted by: Etan at April 3, 2003 07:52 PM
That is actually one of the problems I had. I could not for the life of me get it to work in all the browsers. It seems that IE sees percents different than Mozzilla. In theory you should be able to just do a width: 20%; and the center should adjust. It doesn't seem to work. I plan to tackle it this weekend, but I will probably end up doing what you did. If I figure it out I will be sure to let you know. Sorry for the lack of real help here :-(
Posted by: Thomas Noe at April 3, 2003 10:40 PM