deadhippo
先輩
- 9 Apr 2005
- 360
- 30
- 38
css help:
hi
im trying to design may pages without tables, for the most part anyway
and i wanted to make a 3 column table with css
two columns are no problem but for some reason my 3 column layouts dont render next to each other but below each other
this is the css that im using but it doesnt work
and this is for the two column table and works
hi
im trying to design may pages without tables, for the most part anyway
and i wanted to make a 3 column table with css
two columns are no problem but for some reason my 3 column layouts dont render next to each other but below each other
this is the css that im using but it doesnt work
#1column {
float: left;
width: 150px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 20px;
padding: 0px;
height: auto;
}
#2column {
float: left;
width: 150px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 20px;
padding: 0px;
height: auto;
}
#3column {
float: left;
width: 300px;
margin-top: 0px;
margin-right: 20px;
margin-bottom: 0px;
clear: right;
padding: 0px;
height: auto;
margin-left: 20px;
}
and this is for the two column table and works
#leftColumn {
float: left;
width: 300px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 20px;
}
#rightColumn {
clear: right;
float: right;
width: 300px;
margin-top: 10px;
margin-right: 20px;
margin-bottom: 20px;
margin-left: 0px;
}