Div på botnen av ein anna div.

[Arne]

Hei!

Eg ser litt på eit tidlegare misslykka design som eg hadde, og eg lurar på korleis eg kan legge ein div på botnen av ein hovud div. Det eg har er ein stor div, og inni der er det ein div på botnen, og ein div på toppen.

Korleis kan eg plasere diven på toppen?

[maZe--]

om jeg forstod det rett kan du gjøre det sånn.

 

<div id="top">det du vil ha inni</div>

<div id="hovedting">hovedtingen din, sikkert innhold</div>

<div id="bottom">det du vil ha på bunnen</div>

[Arne]

Tusen takk for hjelp!

[Arne]

Men!

Viss eg f. eks. vil at ein div eller tekst skal legge seg heilt på botnen, korleis gjer eg dette?

[haugsand]

HTML:

<div id="container">

Innhold av noe slag

 

<div id="bunn">Bunntekst</div>

</div>

 

CSS:

 

#container {

position: relative;

}

 

#bunn {

position: absolute;

bottom: 0;

}

 

NB:

Bruk denne koden med varsomhet, det er ikke enkleste sak i verden å få dette til å fungere optimalt.

[glad]

hva med noe slikt:

 

<div id="wrap">

 

<div id="header">

 

<!-- headeren din -->

 

</div>

 

<div id="content">

masse masse tekst

</div>

 

<div id="footer">

 

</div>

 

</div>

 

css en

 

#wrap

{

height: auto;

width: 850px;

border: 1px solid #000;

}

#header

{

height: 20px;

width: 100%;

background: green;

}

#content

{

height: auto;

width: 100%;

}

#footer

{

height: 20px;

width: 100%;

}

 

NB: Høyden på wrap må alltid være auto;

Endret 3. desember 2006 av glad