Tabeller vises annerledes i IE [LØST]

[kroekkete]

Hei,

 

bildet under viser deler av en tabell slik den ser ut i IE (De tre øverste radene.) og FF/Opera (De tre nederste radene.).

 

 

Som dere ser får jeg (uønsket) vertikalt whitespace mellom cellene når tabellen vises i IE. Er det noen som ser hva jeg gjør galt?

 

CSS:

p.tabell	{
   margin-left: 0.8em;
   margin-right: 0.8em;}

table.annonsevis {
   width: 560px;
   table-layout: fixed;
   margin: 0 0 0 20px;
   border-width: 1px;
   border-spacing: 0px;
   border-style: outset;
   border-color: gray;
   border-collapse: separate !important;
   border-collapse: collapse;
   text-align: center;}

table.annonsevis th {
   border-width: 5px;}

table.annonsevis td {
   border-width: 5px;}

table.annonsevis td.gray {
   border-width: 5px;
   background-color: #CCCCCC;
   border-color: #CCCCCC;}

 

HTML:

<tr>
 <td><a href="#"><img src ="#"width="80"border="0"></a></td>
 <td class="gray"><p class="tabell"><b>Reketråler</b></p></td>
 <td class="gray"><p class="tabell">Hekktråler</p></td>
 <td class="gray"><p class="tabell">49</p></td>
 <td class="gray"><p class="tabell">1987</p></td>
 <td class="gray"><p class="tabell" style="color: red;"> SOLGT!</p></td>
 <td class="gray"><p class="tabell"><b><a href="#">Vis</a></b></p></td>
</tr>
<tr>
 <td> </td>
 <td> </td>
 <td> </td>
 <td> </td>
 <td> </td>
 <td> </td>
 <td> </td>
</tr>

 

På forhånd takk for hjelpen!

Endret 12. februar 2007 av primaxx

[eigan]

prøv:

 

<table cellpadding="0px" cellspacing="0px">
--<tr> osv
</table>

Endret 12. februar 2007 av Mr Chief

[kroekkete]

prøv:

 

<table cellpadding="0px" cellspacing="0px">
--<tr> osv
</table>

7924904[/snapback]

 

Takk!

 

Problemet ble løst, men det plager meg litt at dette ikke er mulig å gjøre ved hjelp av css.

 

Uansett, takk for hjelpen!

[Runar]

Hvorfor plager det deg? Cellpadding og cellspacing er jo valide HTML koder.

[kroekkete]

Hvorfor plager det deg? Cellpadding og cellspacing er jo valide HTML koder.

7925219[/snapback]

Fordi problemet mitt var visuelt, og jeg foretrekker å kontrollere det visuelle ved hjelp av CSS.

[Runar]

Hvorfor plager det deg? Cellpadding og cellspacing er jo valide HTML koder.

7925219[/snapback]

Fordi problemet mitt var visuelt, og jeg foretrekker å kontrollere det visuelle ved hjelp av CSS.

7925250[/snapback]

Aha, det forstår jeg.

 

Kan jo hende det kan kontrolleres ved hjelp av CSS. Har du prøvd?

[kroekkete]

Aha, det forstår jeg.

 

Kan jo hende det kan kontrolleres ved hjelp av CSS. Har du prøvd?

7925304[/snapback]

Jeg har forsøkt alt jeg kan tenke meg uten å få det til, det var derfor jeg søkte hjelp her.

[eigan]

har du prøvd padding?

 

td {
padding: 0px;
border-collapse: collapse;
}

prøv å legg border-collapse:collapse på andre steder... kanskje i table også..

[kroekkete]

har du prøvd padding?

 

td {
padding: 0px;
border-collapse: collapse;
}

prøv å legg border-collapse:collapse på andre steder... kanskje i table også..

7925405[/snapback]

Hehe...

CSS'en jeg har brukt er rester av et tidligere design jeg hadde på siden. Det jeg gjorde nå var rett og slett å slette

   border-collapse: separate !important;

og dermed så alt ut som det skulle igjen... (To dager har jeg brukt på å surfe nettet etter løsningen...) (Gremmes!)