1 pixel i Opera

Kan du ikke bruge padding:1px; istedet?

Både ja og nej. Hvis jeg bruger padding 1px og putter mine knapper ind i tabelceller ser det oki ud i opera, men i ie og ns går der så kluder i det...

Har du noget kode evt.?

Ok den første og simpelste ting er min venstre og højre side som ser sådan her ud. I Opera tilføjes der en linie mere, så width bliver på 2.

.border
{
background-color: #800000;
color: #800000;
font-family: sans-serif;
font-size: 1px;
}

<td class="border" height="100%" rowspan="6" width="1">&nbsp;</td>

Angående mine knapper ser koden således ud...

<td class="border" height="27" width="748">
<img src="interface/knap.gif" alt="" border="0" height="25" width="106">
<img src="interface/knap.gif" alt="" border="0" height="25" width="106">
<img src="interface/knap.gif" alt="" border="0" height="25" width="106">
<img src="interface/knap.gif" alt="" border="0" height="25" width="106">
<img src="interface/knap.gif" alt="" border="0" height="25" width="106">
<img src="interface/knap.gif" alt="" border="0" height="25" width="106">
<img src="interface/knap.gif" alt="" border="0" height="25" width="106">
</td>

Igen samme problem med at Opera lægger en pixel til...

Hhmm har løst det :)

.border
{
background-color: #cc9933;
border: 1px solid #cc9933;
color: #333333;
font-family: sans-serif;
font-size: 1px;
}

td
{
background-color: #cc9933;
color: #333333;
font-family: sans-serif;
font-size: 1px;
}

<td class="xxx" height="25" width="106"><img src="interface/knap.gif" alt="" border="0" height="25" width="106"></td>
<td class="border" height="25" width="106"><img src="interface/knap.gif" alt="" border="0" height="25" width="106"></td>
<td class="xxx" height="25" width="106"><img src="interface/knap.gif" alt="" border="0" height="25" width="106"></td>
<td class="border" height="25" width="106"><img src="interface/knap.gif" alt="" border="0" height="25" width="106"></td>
<td class="xxx" height="25" width="106"><img src="interface/knap.gif" alt="" border="0" height="25" width="106"></td>
<td class="border" height="25" width="106"><img src="interface/knap.gif" alt="" border="0" height="25" width="106"></td>
<td class="xxx" height="25" width="106"><img src="interface/knap.gif" alt="" border="0" height="25" width="106"></td>

Besværlig måde, men det virker i alle tre browsere...

Det første problem med venstre og højre side er nu også løst med <td background="interface/border.gif" class="fyld" height="100%" rowspan="8" width="1">i</td> ;)