Hvordan gjøre diver større automatisk?

[fjotten]

EDIT: Er ikke sikkert koden (som sikkert ikke er noe å skryte av heller) er av noen interesse, dere skjønner sikkert hva jeg er ute etter når dere leser spørsmålet på slutten...

CSS:

div#main
{
margin: 50px auto 0 auto;
width: 800px;
height: auto;
background: white;
text-align: left;
}
#topDiv
{
position:relative;
margin-top:0px;
width:800px;
height:131px;
}
#gultopplinje
{
position:relative;
width:800px;
height:20px;
background-color: Yellow;
}
#gulbunnlinje
{
position:relative;
float:left;
width:800px;
height:20px;
background-color:Yellow;
}
#HovedVindu
{
position:relative;
float:left;
height:300px;
width:550px;
background-color:white;	
}
#bunn
{
position:relative;
height:50px;
width:800px;
float:left;
background-color:white;
}
#VenstreDiv
{
position:relative;
float:right;
margin-right:0px;
margin-top:0px;
width:200px;
height:200px;
background-color:white;
}

HTML:

<div id="mainDiv">
   <div id="topDiv"></div>
   <div id="gultopplinje"></div>
   <div id="HovedVindu">
   </div>
   <div id="VenstreDiv"></div>
   <div id="gulbunnlinje"></div>
   <div id="bunn"></div>
 	</div>

 

Meningen er altså å få en topdiv med bilde/logo. Diven hovedvindu hvor selve teksten står kan være av variabel høyde. Det går forsåvidt greit nok, men divene under følger ikke etter, de blir liggende på samme plassen og over hovedvindu-diven. Noen som har noen tips på hvordan få disse til å følge etter?

Endret 30. juni 2004 av fjotten

[PoleCat]

Sett clear: both på #gulbunnlinje (blir det vel) som skal ligge UNDER

#HovedVindu, og så tror jeg nok du kan fjerne position: relative på alle sammen.

Fjern også height på #HovedVindu.

 

(hvorfor kaller du den høyre divven for #VenstreDiv? veldig ulogisk. )

[fjotten]

Sett clear: both på #gulbunnlinje (blir det vel) som skal ligge UNDER

#HovedVindu, og så tror jeg nok du kan fjerne position: relative på alle sammen.

Fjern også height på #HovedVindu.

 

(hvorfor kaller du den høyre divven for #VenstreDiv? veldig ulogisk. )

lol ja...det var det der med høyre og venstre da

 

skal teste ut nå...snart tilbakemelding

 

ENDRET IGJEN: Takk skal du ha funka fint det (men det visste du vel).

Endret 30. juni 2004 av fjotten

[fjotten]

Et lite spørsmål til...ved bruk av border (eller padding) på mainDiven så får jeg ramme rundt hele i Internet Explorer, men ikke i Mozilla, er det et enkelt triks for å fikse dette?

[harald_]

Et lite spørsmål til...ved bruk av border (eller padding) på mainDiven så får jeg ramme rundt hele i Internet Explorer, men ikke i Mozilla, er det et enkelt triks for å fikse dette?

border er for å lage en kant, mens padding er en innvendig margin