100% højde i XHTML + CSS

Først om fremmest vil jeg sige at dette har INTET med xhtml at gøre.
Udover at du bruger xhtml doctype at gøre.

Udover dette skal du have height: 100%; i body {} for at andre elementer kan bruge height: 100%;

altså:

body
{
height: 100%;
}

Og inden olebole skriver det, så bør du læse disse artikler
da xhtml bliver parsed som fejlfyldt html 4.01, og bør derfor ikke bruges:

http://www.eksperten.dk/artikler/537
http://www.eksperten.dk/artikler/538

Jeg har forsøgt med:

html, body{
  height: 100%;
}

#container{
  height: 100%;
}

Men det gav ikke mit <div id="container"> fuld højde.

Måske jeg skulle lukke, og oprette i CSS istedet?

Jeg har set ole's artikler, men han får mig nu ikke til at droppe xhtml alligevel :)

Tjah, det er i hvert fald sådan, at selv det linjeskift, du har før doctypen får IE til at gå i quirks mode, altså skide højt og flot på din formattering i bl.a. den henseende !-)

-- og hvad med at prøve at uploade den nye version ?-)

Hej,

Ja det var selvf. ikke smart ikke at have den nyeste version online (ja okay kl. var 05:44 :-)

Nu er den der:
www.dotpeter.dk/xhtml/

Den øverste tomme linie er der ikke i min editor, der har jeg en includering af en asp fil??

Tjah nu er den jo nøjagtig 100% i højden, men body har en margin og rammen gør den 2px højere !-)

Ahh okay, så man kan altså gøre som man kunne med tabeller? Sætte tabellen til 100% og så tog den udgangspunkt i hvor margin osv. var sat og lavede 100% derfra?

Nej, det er lige præcis det, du _ikke_ kan med css, for standarden stipulerer, at en relativ længde (højde eller bredde) skal tages i forhold til det nærmest omkransende element med en defineret længde, så højden tages fra browservinduets højde, og derefter sættes de andre ting på, så højden bliver:

margin-top + border-width + padding-top + elementets højde + padding-bottom + border-width + margin-bottom !-)

Okay det er da irriterende. Skal man så bare lade være med at sætte en % højde på eller skal man sætte en fast px højde?

De faste pixels er vejen frem, hvis du vil have en minimumshøjde, ellers er divs faktisk indrettet til at vise alt det, der er inde i, så de vil dynamisk udvide sig efter indholdet (også hvis du sætter en højde og indholdet er højere, medmindre du sætter en overflow-ting !-)

Okay, det må jeg jo bare vende mig til. Jeg troede bare det andet kunne lade sig gøre som det kunne med tables, men ak :)

Du skal have mange tak fordi du gad forklare det.

Hvis dig og morteeart lægger et svar så jeg kan lukke.

Okay, velbekomme '-)

Har du mod på et lille tillægsspørgsmål? Jeg har den div jeg kalder "disclaimer", hvordan får jeg den placeret i bunden af min container?

bottom:0px;position:absolute; men du skal så sætte en positionering på den omkransende ting, se f.eks.

http://blooberry.com/indexdot/css/properties/position/bottom.htm

Jeg tror jeg må ud og investere i en bog :)

Det vil bare ikke lykkedes for mig

I #container skal du indsætte:

position:relative;

Så kan du i #disclaimer indsætte:

position:absolute;
bottom:0px;

Smart. Tak endnu en gang. Jeg venter lige lidt med at lukke og ser om morteeart dukker op med et svar.

Men jeg tror nu at det ville være en god ide at købe en god bog omkring emnet, så jeg kan få en ordentlig indføring i principperne...så slipper i også for mit rend hele tiden :)

Denne her lyder god:

http://www.amazon.co.uk/exec/obidos/ASIN/0764557394/ref=pd_bxgy_text_2_cp/202-1770088-0755849

Ja den ser ikke tosset ud..jeg har selv overvejet denne pakke:
https://sitepoint.com/bookstore/neworderform.php

Det bliver ca. 400,- pga. den lave $-kurs og så er den leveret til døren.

Tjah, jeg kender ikke de bøger (og har jo ikke den session, du har, så jeg kan se en stribe bøger til ialt omkring $600 !-)

Jeg kender dem også kun fra omtale i diverse forums.

Jeg tror dette link er bedre:
https://sitepoint.com/bookstore/go/3.12.13/be9819

Lyder faktisk helt rimeligt, selvom jeg bliver utryg, når folk begynder at tale om ikke at bruge et htmls grundelementer (her tabeller !-)

nej tak, jeg ønsker ikke point.

Og var det ikke også roenving som løste dit problem ?

Jo det var det måske nok. Det går jeg ikke så meget op i, ville bare ikke snyde dig for noget.

roenving -> Jeg tror jeg bestiller bog-pakken, så må vi se om det er noget der dur.

-- jamen tak for point ;~}

-- og så kan du måske nå at få en ekstra julegave, inden julen slutter !-)

<ole>

Et lille tilføjelse: Der er intet i vejen med at bruge tabeller - de anbefales faktisk af W3C.
Det du bør undgå er ikke tabeller, men uhensigtsmæssig brug af dem ... og det er jo noget helt andet  ;o)

/mvh
</bole>