I need to place 3 cells next to eachother inside a div that’s 527px wide. I need them all to be the same width and basically I need a css/div way to do this:
<tr>
<td width=”33%”>bla</td>
<td width=”34%”>bla</td>
<td width=”33%”>bla</td>
</tr>
I currently have this code:
.authorfield{
border-top: 1px solid #FF0000;
width: 175px;
float:left;
}
.timefield{
border-top: 1px solid #FF0000;
border-left: 1px solid #FF0000;
border-right: 1px solid #FF0000;
width: 175px;
float:left;
}
.commenttoggle{
border-top: 1px solid #FF0000;
width: 175px;
float:left;
}
<div class=”details” id=”details1″>
<div class=”authorfield”><b>Door</b>: Anoniem</div>
<div class=”timefield”>17-03-2007 om 17:22</div>
<div class=”commenttoggle”>Reacties</div>
</div>
It works perfectly in IE6 (attachement: good.png) but not in firefox (attachement: bad.png)
I have an url to the page: [URL=”http://84.81.165.184/blog/design/index.htm”]http://84.81.165.184/blog/design/index.htm
Can anybody help me fix this?
[upl-file uuid=fdaa8009-6115-4ffb-8600-1b5fb5a9b9fb size=7kB]good.png
[upl-file uuid=7f9bc83e-9907-4c06-8b9b-a8abe631db03 size=6kB]bad.png