Archief - HTML/CSS: Div andere div laten volgen..

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

Bolteh

Legacy Member
Ik zit hier met een ontwerp waarin ik een 5-tal divs gebruik voor de opbouw van de site. De 3 bovenste divs zijn fixed van afmetingen en positie, de 4e div (inhoud) is er één die zich in hoogte aanpast naar gelang de lengte van de inhoud. Dan heb ik nog een 5e (lower) voorzien die zich onder de 4e plaatst, en die zou dus moeten mee van plaats moeten veranderen als de 4e langer wordt.

Tevens: is het mogelijk om in te stellen dat bij weinig inhoud, de 4e div zich aanpast aan de hoogte van het browser venster (met min-height ofzo) en dan helemaal onderaan dat venster die 5e div zet (zodat er geen scrollbar is).

De CSS van de 4e en 5e div ziet er op de moment zo uit:
Code:
#inhoud {
	width: 253px;
	height: auto;
	min-height: 1190px;
	top: 55px;
	position: absolute;
	background-image: url(Images/BGmain.gif);
	background-repeat: no-repeat;
	padding: 25px;
}

#lower {
	width: 303px;
	height: 30px;
	left: 50%;
	top: inherit;
	position: absolute;
}

Dank bij voorbaat.

sabaoth

Legacy Member
volges mij om de #lower helemaal vanonder te late komen moet je "clear: both" erbij zetten :p

Smokyke

Legacy Member
Als je nu gewoon je onderste div niet absolute meegeeft dus

#lower {
width: 303px;
height: 30px;
left: 50%;
top: inherit;
}

Bram

Legacy Member
Je probleem ligt hoogstwaarschijnlijk inderdaad bij absolute positioning. bovenstaande is trouwens nog altijd fout. Zonder position: absolute, heeft left geen betekenis.
Gebruik relatieve positionering, daarmee ga je het best uw probleem kunnen aanpakken. Voor je vraag ivm de positie van je lower bij weinig tekst, google eens naar "CSS footer always on bottom" ofzoiets... Je zal wel wat hits krijgen.

Xcessive-

Legacy Member
Als je al je divs een absolute positie hebt meegegeven ben je volgens mij fout bezig.

Alles staat toch in een container div?
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan