webForumDet fria alternativet

Tabell blir inte exakt

2 svar · 202 visningar · startad av dx.

dx.Medlem sedan maj 20072 inlägg
#1

Hej. Första inlägget här :-) Har sökt runt lite men inte riktigt blivit klok över det här. Jag vill göra motsvarande tabell i strict xhtml, men pixlarna stämmer inte överens med vad jag angivit.

<table width="400" cellpadding="0" cellspacing="0">
<tr>
<td width="220" height="20"> ... </td>
<td width="180" height="20"> ... </td>
</tr>
</table>

Såhär gjorde jag i css filen:

table.box {
width: 400px;
border-spacing: 0;
padding: 0 }

td.left {
width: 220px;
height: 20px;
background:#aaa
}

td.right {
width: 180px;
height: 20px;
background:#eee
}

Och sen:

<table class="box" border="0">
<tr>
<td class="left"> ... </td>
<td class="right"> ... </td>
</tr>

Istället för 220 pixlar på den första och 180 på den andra får jag typ 219 och 181 samt en höjd på 22. Har jag skrivit fel i css filen då eller? Testade i FF och IE. Fick lite olika pixelvärden i dom.

Tack på förhand
/Daniel

zcorpanMedlem sedan dec. 20042 245 inlägg
#2

Välkommen till wF! :)

IE saknar stöd för border-spacing, tyvärr. Testa border-collapse:collapse istället. Du kanske också behöver ange padding:0 på td.

dx.Medlem sedan maj 20072 inlägg
#3

Tackar så mycket! Fungerade utmärkt, både i IE o FF :)

129 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
126 ms — hämta tråd, inlägg och bilagor (db)