Height 100% height

Klistre til bunden:
position:absolute; bottom:0px;

Skal den starte lige under "headeren" som er 100px høj:
top:101px;

Hvad mener du Tom?

Skal min div have en css der siger:

position:absolute;bottom:0px; ?

Hvad gør det nogen forskel?

At position sættes til absolute, betyder at den kan placeres hvorsomhelst - indenfor sin parent - ikke bare dér hvor den optræder i HTML'en.

Prøv det.

<div style="position:absolute; bottom:0px;"> her </div>

Hvis parent er dokumentet, og dokumentet er mindre end skærmen, vil du ikke kunne se effekten..

Smider du ikke et svar T0M? ;)

s'gerne

Hvis du bruger CSS skal du bare gøre følgende:


CSS filen:

body {height: 100%; margin: 0;}

html {height: 100%;}

#div {height: 100%; width: 200px;}



html filen:

<div id="div">Dit indhold her</div>

Hvis du bruger CSS kodning så gør du sådan her: (husk at bredde på div er selvvalgt)


CSS filen:

body {height: 100%; margin: 0;}

html {height: 100%;}

#div {height: 100%; width: 200px; background: #FF0000;}




HTML filen:

<div id="div">Dit indhold her</div>

Hvis du bruger CSS kodning så gør du sådan her: (husk at bredde på div er selvvalgt)


CSS filen:

body {height: 100%; margin: 0;}

html {height: 100%;}

#div {height: 100%; width: 200px; background: #FF0000;}




HTML filen:

<div id="div">Dit indhold her</div>

Hvis du bruger CSS kodning så gør du sådan her: (husk at bredde på div er selvvalgt)


CSS filen:

body {height: 100%; margin: 0;}

html {height: 100%;}

#div {height: 100%; width: 200px; background: #FF0000;}




HTML filen:

<div id="div">Dit indhold her</div>