Problem med ramme omkring indhold.

<ole>

Når du skriver "alternativt", mener du det så - eller mener du, at rammen skal fylde mindst 100% af viewporten minus 10 px i top og bund?

Har du en eller anden helt exceptionel grund til at bruge XHTML - eller er det bare undsluppet din opmærksomhed, at standarden blev officielt droppet for tre år siden?

/mvh
</bole>

Hej Ole.

Vidste ikke den lille detalje om XHTML, men tak for info! Er gået tilbage til HTML 4.01 Strict nu..

Det ideelle ville være hvis rammen omkring siden vil være tilpasset indholdet på siden. Altså så den omslutter hele indholdet.

MEN, der skal minimum være 10px margin i top og bund.

Nyt link til kode:
http://www.webdevout.net/test?0O

Altså, kan ikke rigtig se hvor problemet ligger. Hvis du ikke sætter en højde på rammen, vil den automatisk tilpasse sig indholdet. Alt du behøver udover det er:

Hvis jeg fjerner height går rammen kun ned til lige under <div id="top">


samme resultat hvis jeg indsætter dine oplysninger.

Ok. Det er fordi at dine elementer "flyver".

Du kan vælge at sætte dette på rammen:



Eller smide det her i bunden af din side:



;)

Hov. Den sidste mulighed, skal være det sidste element der er i din ramme. Ikke i bunden af siden. :P

Super! Nu virker det med at den omslutter hele siden :)

Men den laver ikke 10px margin til bunden..

kan det være fordi der er sat 100% height på body og html, eller hvad har det at sige?

Kan godt lave 10px margin til bunden når jeg fjerner height på html og body, men hvordan har de indflydelse på rammen?

Prøv at lægge et link til siden - med den kode, du aktuelt bruger

Højden på HTML og BODY, har ingen indflydelse på rammen som sådan, når de er sat til 100%. Det betyder bare at du sætter HTML og BODY til at være 100% af browserens højde.

Nogle gange behøver man at gøre det, men du gør ikke. Det er rent faktisk ubrugeligt, og kan ende med at give dig problemer på et andet tidspunkt, når siden måske bliver længere (højere). :)

Okay :) jamen sagen er jo løst, og det var dig DeeDawg der kom med løsningen overflow: auto; så du smider bare et svar.

Mange tak for hjælpen!

Jamen, det var da så lidt. ;)