webForumDet fria alternativet

skillnad i bakgrunden av <th> mellan ie och ff

HTML & CSS

8 svar · 504 visningar · startad av Enkido

Medlem sedan apr. 200441 inlägg
Frågan#1

Hej.
Jag behöver lite hjälp med detta:

<table width="450" align="center" cellspacing=2 border=1 bordercolor="#0033FF" frame="above" rules="rows">
<tr>
<th class="lightblue" align="left">Date</font></th>
<th class="lightblue" align="left">Weight (kg)</th>
<th class="lightblue" align="left">Lenght (cm)</th>
</tr>
<tr>
<td>15 Jan 2006</td>
<td>16.2</td>
<td>93.5</td>
</tr>
<tr>
<td>05 Feb 2006</td>
<td>16.5</td>
<td>94</td>
</tr>
</table>

Där lightblue ser ut enligt följande:

<style>
TH.lightblue {color:CCFFFF ; background-color:0033FF ; font-size:12px}
</style>

När man öppnar sidorna i IE, då blir det en vertikal linje (cellväggen syns) mellan date, weight och length, men inte i FF. hur gör jag för att det ska se ut som i FF.

Tack på förhand.

Medlem sedan juni 20031 837 inlägg
#2

Man måste väl ha # för CCFFFF i färgen?
<style>
TH.lightblue {color:**#**CCFFFF ; background-color:0033FF ; font-size:12px}
</style>

Medlem sedan apr. 200441 inlägg
#3

Det går utan (#) också... annars hade det inte funkat att ha bakgrundsfärg på <th> överhuvudtaget.
Jag har faktiskt provat att ha med # före färg koden men det har inte spelat nån roll.
Tack för ditt svar iallafall.

Medlem sedan nov. 20051 596 inlägg
#4

Det är nog snarare så att det finns lite småfel lite här och där så att ingen av läsarna visar "rätt".
Har försökt se vad du vill åstadkomma och översatte din kodning till enbart style och då blev resultatet detta.
Vet inte om det var så du egentligen ville ha det...

<table align="center" frame="above" rules="rows">
<tr>
<th>Date</th>
<th>Weight (kg)</th>
<th>Lenght (cm)</th>
<style>
th {color:#ccffff ; background-color:#0033ff ; font-size:12px; text-align: left;}
table{ width: 450px; margin: 2px; border-top: 1px solid #0033ff;  border-bottom: 1px solid #0033ff;}
</style>

Tror inte att det var så du egentligen ville ha det, men du kan ju ändra värdena och se om du får som du vill.
Alltid lite vanskligt att blanda olika sätt att styla och inte ha stenkoll på vad som ärver vad och vad som kommer att tolkas av webbläsaren.

Medlem sedan nov. 20051 596 inlägg
#5

en annan variant är denna

<style>
th {color:#CCFFFF ; font-size:12px; text-align: left; margin:0px; padding: 0px;}
table{ width: 450px; margin: 2px; border-top: 1px solid #0033FF; background-color:#0033FF; }
td {background-color: #fff; border: 1px solid #fff; border-collapse: collapse;}
</style>

som ser lite olika ut beroende på om du behåller "frame="above" rules="rows" ", i koden eller inte.

Medlem sedan apr. 200441 inlägg
#6

Tack för svaren.
Men när jag provar båda era förslag så blir det inte som jag ville ha det.

så här ser sidan ut:
https://www.acc.umu.se/~wil/chris/myself.html
och jag vill att den nedre tablellens första rad (den blåa) ska se ut som den övre i båda läsarna... Även om det är så att den övre har bara en cell som sträcker sig över 2 columner, colspan=2.

Medlem sedan jan. 2000978 inlägg
#7

Du har satt cellspacing=2. Ta bort.
Om jag var du skulle jag sätta alla egenskaper med css istället för att blanda som du gör nu. Strukturen i htmlfilen och designen i cssfilen.

Medlem sedan nov. 20051 596 inlägg
#8

Här är ett exempel som jag haft i min dator. Tror med all säkerhet att den kan ge dig tips och idéer. :) Där finns i alla fall inte dessa ränder du vill ha bort.

Medlem sedan apr. 200441 inlägg
#9

Tack för hjälpen (insider)... Det löste sig genom att radera cellspacing.

257 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
126 ms — deklarationer (db)
0 ms — hämta statistik (cache)
128 ms — hämta tråd, inlägg och bilagor (db)
122 ms — ändringar (db)