Avatar billede monkeysee Nybegynder
29. januar 2003 - 05:38 Der er 6 kommentarer og
1 løsning

doctype deklaration

Jeg har flg. problem: jeg ønsker at lave en tabel, så høj som det åbne vindue. Dertil bruger jeg en style attribut, "height:100%". Det virker fint i MSIE og Netscape indtil jeg tilføjer en doctype deklaration, derefter er det kun Opera der klarer skærene.

Her er min påkrævede doctype (HTML 4.01 transitional):
---------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
---------------------------------

Og her er min source:

---------------------------------
<html>
<head>
<title>Doctype: HTML 4.01 transitional</title>
</head>
<body>

<table style="position:relative; height:100%; background-color:#ff00ff;" border="0" cellpadding="2" cellspacing="0" width="100%">
  <tr>
    <td width="100%"></td>
  </tr>
</table>

</body>
</html>
---------------------------------

Hvad gør jeg galt??
Avatar billede mik789 Nybegynder
29. januar 2003 - 07:30 #1
jeg ved ikke om du overhovedet gør noget galt. jeg tror at grundlæggende er height ikke anerkendt som standard attribut i html, selv om man kan komme omkring det ved, som du, at bruge style="height:..." i stedet. Men det virker til gengæld ikke i alle browsere. Der er måske kun to alternativer: enten dropper du doctype erklæringen eller du tager den med men så angiver tabellens højde i px i stedet, F.eks.:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<title>Doctype: HTML 4.01 transitional</title>
</head>
<body>

<table style="position:relative; height:500px; background-color:#ff00ff;" border="0" cellpadding="2" cellspacing="0" width="100%">
  <tr>
    <td width="100%">&nbsp;</td>
  </tr>
</table>

</body>
</html>
Avatar billede mik789 Nybegynder
29. januar 2003 - 07:31 #2
hovsa, det var vist for meget: grundlæggende er height ikke anerkendt som standard attribut TIL <TABLE> i html.
Avatar billede monkeysee Nybegynder
29. januar 2003 - 08:24 #3
ØV siger jeg bare...- jeg er gået gennem processen med at tilføje "alt" attributter på alle image tags, fjernet baggrunde i tables (blevet del af CSS) osv., blot for at blive spyttet i hovedet af W3C!! Jeg har opbygget en kompleks site med 100% gyldig "transitional" HTML, men jeg kommer ikke til at kunne validere den færdige udgave ?
Avatar billede monkeysee Nybegynder
29. januar 2003 - 08:27 #4
Lidt mere info (skulle lige fylde koppen med kaffe:-)
Min site er tung, rent grafisk/designmæssigt. Jeg *skal* bruge 100% højde, så vil jeg hellere have at browseren 'reverter' til dens 'glitch mode' (når den ikke har nogen deklaration at gå ud fra). I det mindste virker Opera, da den jo ikke kender til nogen non-standard elementer (længe leve den browser!)
Avatar billede mik789 Nybegynder
29. januar 2003 - 12:28 #5
halo, var lige inde på dk.edb.internet.webdesign.html og spørge videre til dette. Der fik jeg et svar fra Frank Sørensen (29-01 2003 8:42), der faktisk har en løsning. Den går ud på også at angive højde for <html> og <body>. På den måde ved browseren hvad tabellens højde skal udregnes på grundlag af. Her er det:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<title>Doctype: HTML 4.01 transitional</title>

<style type="text/css"><!--
html, body, table {
  height:100%;
}
table {
  position:static; background-color:#ffcc00;
}
--></style>

</head>
<body>

<table border="0" cellpadding="2" cellspacing="0" width="100%">
  <tr>
    <td width="100%">&nbsp;</td>
  </tr>
</table>

</body>
</html>

--------

Det fungerer både i IE og NS. Bemærk at jeg har lagt alle styles op i et sylesheet. Du kan se det i funktion på www.dahr.dk/Web/tableheight.html
Avatar billede monkeysee Nybegynder
30. januar 2003 - 09:18 #6
Halløjsa!! Det virker sgu':IE,NS,Opera... Indrømmelse - jeg havde ALDRIG puttet HTML ind i mit stylesheet, jeg troede det var <body> taggen's rolle at definere det synlige område. Så lærte man det. Lad os håbe denne teknik ikke er et beskidt hack der ikke kommer til at virke i IE7, Netscape 8 osv.

Du skal lige lave et svar så jeg kan give dig (eller Frank Sørensen...:-) point
Avatar billede mik789 Nybegynder
30. januar 2003 - 11:00 #7
svar (med behørig henvisning til Frank)

/mik
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester