Søg
Avatar billede rzj Nybegynder
16. september 2003 - 15:35 Der er 8 kommentarer

doctype forstyrrer height i CSS

Hej
Jeg har erfaret et større problem:

Jeg har angivet mine tables til at være height: 100%.
Dette har jeg naturligvis gjort i css, da det jo ikke er en lovlig attribut i html - altså:

<table height="100%"> er ikke lovligt, mens
<table class="content"> og
TABLE.content{
height: 100%;
}
er lovligt.

Nu har jeg så erfaret flg:

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

ind øverst (som den jo skal) så virker heigth: 100% IKKE. Dvs. at tabellerne ikke fylder hele browser vinduet ud fra top til bund.

Dropper jeg doctypen (altså fjerner den helt) ja så VIRKER height angivelsen. Tabellerne bliver 100% i højden.

Jeg har naturligvis slået op her på eksperten og læst om folks problemer med at height-attributten. Det viser sig dog primært at problemet løses når folk fatter at height angivelsen skal i et stylesheet.

Jeg har dog ikke stødt på ovenstående problem før..og håber nogle kan være behjælpelige ?

Man SKAL jo angive doctype, hvis man ønsker den fantastiske "This page validates as HTML 4.01 Transitional" fra http://validator.w3.org
Avatar billede rzj Nybegynder
16. september 2003 - 15:43 #1
se selv:
Med doctype: http://www.baseweb.dk/reflx/index.html
Uden doctype: http://www.baseweb.dk/reflx/index_nodoctype.html
Stylesheet: http://www.baseweb.dk/reflx/style.css
Avatar billede roenving Novice
16. september 2003 - 18:55 #2
html,body{height:100%}
Avatar billede rzj Nybegynder
16. september 2003 - 19:36 #3
nope
Avatar billede roenving Novice
16. september 2003 - 22:47 #4
Virker ellers en masse andre steder, jeg har pillet i (html 100% kan jeg ikke huske grunden til, men prøv at sætte den på !-)
Avatar billede viciodk Praktikant
16. september 2003 - 22:52 #5
Jeg plejer at putte dette ind i min HEAD:

<style type="text/css">
html { height: 100%; }
body { height: 100%; }
</style>

Det skal bemærkes at man ikka kan (skal) bruge:
<html style="height: 100%">
Mange validatorer vil opfatte dette som en fejl.
Avatar billede rzj Nybegynder
17. september 2003 - 09:17 #6
som jeg allerede har sagt tidligere i denne tråd; "nope" == det virker ikke ;(

Hvad med at I lige tog et smugkig på koden inden i hjælper/gætter, men det er selvfølgelig bare et ydmygt forslag ;-)

Hvis det er antallet af point der er grunden, så har jeg ikke rigtig nogen ide om niveauet herinde på (D)HTML, så si' til hvis det skal sættes i vejret.

Jeg synes dette problem er MEGET mystisk og jeg vil meget gerne have en ide om problemets oprindelse. Det kan godt være det ikke kan løses, men derfor er det jo alligevel rart at vide...ik.

Jeg har en ide om at det kan have noget at gøre med nedarvning i CSS eller lign. Men her kan jeg umiddelbart ikke finde nogle fejl.

Klø på derude...
/rasmus
Avatar billede mroderick Nybegynder
17. september 2003 - 09:45 #7
I første omgang kunne jeg ikke se fejlen, da jeg primært bruger Mozilla Firebird og ikke Internet Explorer.

Den doctype du anvender får IE6 til at køre i "standards mode", hvilket bl.a. betyder at den anvender en korrekt box-model og at nogle af de tricks man ellers laver (som height=100%) ikke længere dur.

Sjovt nok, skal der mere til at få Mozilla i "standards mode", men det må blive en anden tråd.

Det hurtige fix vil være at fjerne dtd delen af doctype:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Den lange (og skønne vej), vil være at lære at designe med CSS istedet for tabeller:
http://www.csszengarden.com/
http://www.meyerweb.com/
http://www.bluerobot.com/web/layouts/
http://www.thenoodleincident.com/tutorials/box_lesson/index.html

og selvfølgelige mit eget site ;)
http://roderick.dk

Held og lykke med sitet!

mvh.
Morgan Roderick
Avatar billede viciodk Praktikant
19. september 2003 - 16:25 #8
rzj -> Jeg "gætter" ikke og jeg kan sige så meget at pointene ikke har nogen betydning for kvaliteten af svarene, men nærmere hvor svært spørgsmålet er.

Du angiver "html, body {height: 100%;}" således:

<style type="text/css">
html { height: 100%; }
body { height: 100%; }
</style>

Prøv at angive det i et stylesheet i stedet for...

Der er ingen problemer med height: 100% her:
http://www.vicio.dk/ktg/
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 18:59 Ang fifa 26 til Ps5 Af made18 i Andet software
I går 17:01 Kom til at tilslutte nogle 3.5 disk med et forkert Sata kabel fra en anden PSU Af Thomas B i Andet hardware
31/1021:35 Nokia 6.1 rcs Af rasmuso i Mobilnetværk
31/1013:55 Samsung Galaxy A21s ændre ringetone Af nu_igen i Mobiltelefoner
31/1013:43 Windows 11 lokalkonto-opret Af Uvanga i Windows
White papers
Flere white papers »