Netscape 6, tabeller och fonter

17 svar · 421 visningar · startad av Emil RT 24 feb. 2005

Emil RTMedlem sedan feb. 2004200 inlägg

Frågan24 feb. 2005 07:19#1

Nu sitter man här igen och ska browserkolla en sida och inte helt oväntat dyker det upp lite smått.

Har en cell där det ligger en tabell i. Tabellen har height:100px.
I netscape 7 och Opera fyller tabellen ut hela cellen (som har variabel storlek) men i IE och NS 6 fyller det inte ut. Hittade ett "hack" för att få det att funka i IE, nämligen att sätta en kommentar före doctypen så att den går in i quirks. Dock får jag det inte att fungera i NS 6.

<table cellpadding="0" cellspacing="0" border="0" style="height:100%">

Har satt mina teckensnitt i px för att bibehålla storleken i så många läsare som möjligt. Dock blir det feta linjehöjder i NS 6 så texten ser helskum ut. Funkar fint i resten av webbläsarna.

.pageText {
	font-family: Arial,Verdana, Helvetica, sans-serif;
	color: #444444;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
                text-decoration: none;
	line-height:14px;
}

ngn som vet ngt?

Emil RTMedlem sedan feb. 2004200 inlägg

2 mars 2005 12:32#2

ingen?
pleeeease ...

zcorpanMedlem sedan dec. 20042 245 inlägg

2 mars 2005 14:57#3

```
html, body { height: 100%; }
```
Sätt textstorlek i % istället.

Emil RTMedlem sedan feb. 2004200 inlägg

2 mars 2005 15:45#4

funkar tji. antar att det bara ska läggas in i stilmallen ....tabellen blir fortfarande inte 100% av cellhöjden i NS 6.

2)ska testa. vad motsvarar 100%?

tack ...

zcorpanMedlem sedan dec. 20042 245 inlägg

2 mars 2005 20:43#5

Kan du visa lite mer kod? (Typ allt.)
font-size: 100%; är default. 50% är hälften och 200% är dubbelt så stort ;)

PersianBulldogMedlem sedan aug. 20023 005 inlägg

2 mars 2005 20:53#6

zcorpan skrev:

2. font-size: 100%; är default. 50% är hälften[---]

Vad motsvarar 100% i px?

TinwëlintMedlem sedan maj 2004451 inlägg

2 mars 2005 21:35#7

100% motsvarar det pixelvärde webbläsaren är inställd på att visa som standard.

zcorpanMedlem sedan dec. 20042 245 inlägg

2 mars 2005 22:08#8

Om du har Mozilla DOM inspector kan du gå in i Computed style.

http://img112.exs.cx/img112/5572/domcomputedstyle8kb.png

Emil RTMedlem sedan feb. 2004200 inlägg

3 mars 2005 07:15#9

borde inte detta fungera?

<td valign="top" style="width:152px">
  <table cellpadding="0" cellspacing="0" border="0" style="height:100%;width:152px">

    <!--här kommer alla raderna--> 

  </table>
</td>

Emil RTMedlem sedan feb. 2004200 inlägg

7 mars 2005 15:49#10

väldigt retsamt det här.

visst fan borde man kunna ha en tabell som är 100 procent av en cell i höjd? funkar som sagt inte ens i IE om jag tar bort workarounden ...

ARGH!

Emil RTMedlem sedan feb. 2004200 inlägg

7 mars 2005 15:54#11

väldigt retsamt det här.

visst fan borde man kunna ha en tabell som är 100 procent av en cell i höjd? funkar som sagt inte ens i IE om jag tar bort workarounden ...

ARGH!

zcorpanMedlem sedan dec. 20042 245 inlägg

7 mars 2005 19:01#12

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html lang="sv">
<title>Tabell i tabell, 100% höjd</title>
<style type="text/css">
* { margin: 0; padding: 0; }
p, h1 { margin: 1em 0; }
html, body, #foo, #bar { height: 100%; } 
</style>
<table id="foo"><tr><td>
<table id="bar"><tr><td>
<h1>Tabell i tabell, 100% höjd</h1>
</table>
</table>

[edit] Det kanske är lämpligare med en Transitional DOCTYPE i det här fallet... [/edit]

Emil RTMedlem sedan feb. 2004200 inlägg

11 mars 2005 14:26#13

När jag kopierar din kod och för i IE6 så blir tabellen i tabellen inte 100% hög ...

"Transitional DOCTYPE" är det:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">?

Emil RTMedlem sedan feb. 2004200 inlägg

11 mars 2005 14:28#14

kör jag
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
så fuckar det upp ännu mer i NS 6 ...

whattodo ...!!!

zcorpanMedlem sedan dec. 20042 245 inlägg

11 mars 2005 18:47#15

Nej, den blir inte det med IE... fråga mig inte varför.

Sen kommer ju den uppenbara följdfrågan varför du vill ha en tabell inuti en annan tabell.

jarvkloMedlem sedan juli 20013 378 inlägg

12 mars 2005 10:49#16

zcorpan skrev:

Nej, den blir inte det med IE... fråga mig inte varför.

Hmm...

Hur höjd på tabeller och tabellceller skall hanteras när "den angivna höjden antingen är högre eller lägre än innehållets verkliga höjd" (fritt tolkat ur CSS2.1) sådär är uttryckligen odefinierat i CSS2/CSS2.1 (och i CSS1 som MSIE följer finns inte ens möjligheten att ställa in höjd på tabeller/tabellceller)...

Dessutom är en procentuellt angiven höjd på en tabellcell per definition odefinierad i CSS2/CSS2.1

Så att det kan bli olika i olika webbläsare är väl bara att räkna med :(

Källa: http://www.w3.org/TR/CSS21/tables.html#height-layout

Förmodligen ger MSIE tabellen höjden "auto" eftersom 100% av auto (cellens höjd) är auto - vilket ger att tabellen blir "lika hög som dess innehåll kräver" (definitionen på en tabells defaulthöjd)...

Medan övriga tolkar höjden till 100% (som i 100% av omgivande block)

What to do ?

Försök hitta en annan lösning, eller försök lev med att just gamla NN6 buggar ur... (Låter krasst - jag vet, men hur många besökare har du/kunden som kör NN6 mot sidan idag ?)

Vill du ha mer hjälp, har du nog bäst chans om du publicerar en länk till själva sidan (eller lägger upp den i "Mina filer" i kontrollpanelen här på wF...

:bire

Emil RTMedlem sedan feb. 2004200 inlägg

14 mars 2005 10:08#17

trist. det jävliga är att jag inte har en blekaste hur jag ska komma runt det. har alla gånger lagt 20 timmar på att hitta lösningar kring problemet som uppstår i NS 6 och IE 5.1 för mac.

sidan är ganska komplex och genereras med asp beroende på en himla massa parametrar så det blir svårt att publicera kod.

men går det inte så går det inte =(

zcorpanMedlem sedan dec. 20042 245 inlägg

14 mars 2005 10:10#18

Förmodligen kan du använda CSS instället för tabeller...