I am having trouble getting the div tags to line up correctly. I am able to get a 2 column layout, however I am having a lot of trouble with a 4 column layout.
Here is my code:
HTML:
Content 01
Content 02
Content 03
Content 03
CSS:
#listing {
float:left; width:50%;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
background-color:#f0f0f0;
padding:5px;
}
#info {
margin-left:50%; width:7%;
text-align:center;
border-bottom:1px solid #fff;
background-color:#f0f0f0;
}
#type {
margin-left:57%; width:7%;
text-align:center;
border-bottom:1px solid #fff;
background-color:#f0f0f0;
}
#type {
margin-left:63%; width:25%;
text-align:center;
border-bottom:1px solid #fff;
background-color:#f0f0f0;
}
The columns to not line up, instead the 4th column appears on the next line and the other columns do not appear to be the correct size.
2007-05-01
05:06:10
·
5 answers
·
asked by
aaronarnett2002
1