Hallo medegebruikers.
Ik ben bezig met een website in elkaar te zetten. Deze website bestaat uit een paar elementen, de content-elementen zijn:

o Contentblock (het witte gedeelte op de screenshot)
o Weblogblock (het vak in de blauwe omlijning onder 'Weblog')

Nu is mijn bedoeling hier een weblog in te zetten. De layout moet meerekken met de texten. De pagina moet dus oneindig lang kunnen zijn.

Mijn probleem:
Netjes binnen de vakjes
Maar zodra er meer text inkomt dan de site aankan:
Kader rekt niet mee, contentblock ook niet
Hier vind je de coding.. Inclusief CSS.

Heeft iemand enig idee wat ik verkeerd doe en hoe ik het werken krijg? Alvast bedankt. Dennis de Wit

Height: auto al geprobeerd?

Dennis

Hey Naamgenoot.

Het weblogvak is opgelost, maar het contentblock heeft nu het probleem dat het hele witte weggevaagd is. (hele contentblock dat wit was, heeft nu dezelfde kleur als de background)

overflow:hidden; wil vaak helpen bij dit soort problemen...

Gijsbert,

Hij moet meerekken, niet fouten verbergen

Origineel gepost door Dennis de Wit

Gijsbert,

Hij moet meerekken, niet fouten verbergen

Als je het element geen hoogte meegeeft en overflow:hidden;
meegeeft, dan rekt het juist mee.

Origineel gepost door gast2960

Als je het element geen hoogte meegeeft en overflow:hidden;
meegeeft, dan rekt het juist mee.

Bij mij werkt dat niet, en verdwijnt alles, behalve de header en het groene balkje.

Dat komt dan waarschijnlijk omdat overal posistion:absolute; is gebruikt.
Position:absolute; moet je zo min mogelijk gebruiken aangezien de div
zo erg onstabiel word. Posistion absolute is alleen handig wanneer je een
div wilt laten zweven over een ander element.
Als je alles verandert in position:relative; en je maakt gebruik van
overflow:hidden; dan rekt alles automatisch mee. Let op dat je
geen hoogte gebruikt wanneer je de overflow op hidden zet.

Origineel gepost door gast2960

Dat komt dan waarschijnlijk omdat overal posistion:absolute; is gebruikt.
Position:absolute; moet je zo min mogelijk gebruiken aangezien de div
zo erg onstabiel word. Posistion absolute is alleen handig wanneer je een
div wilt laten zweven over een ander element.
Als je alles verandert in position:relative; en je maakt gebruik van
overflow:hidden; dan rekt alles automatisch mee. Let op dat je
geen hoogte gebruikt wanneer je de overflow op hidden zet.

Zo! Alles werkt naar behoren. Thnx

Even een voetnootje, position absolute is helemaal niets mis mee. Je moet alleen weten hoe je er mee om moet gaan.

je kunt ook gewoon in je css een absoluut gepositioneerde div flexibel maken hoor.

Origineel gepost door Merijn Venema

Even een voetnootje, position absolute is helemaal niets mis mee. Je moet alleen weten hoe je er mee om moet gaan.

je kunt ook gewoon in je css een absoluut gepositioneerde div flexibel maken hoor.

Aangezien het niet samen gaat met overflow:hidden dat regelmatig
gebruikt wordt is er wel degelijk wel iets mis mee.
Daarbij werkt float bijna nooit zoals het zou moeten werken,
terwijl dat voor veel dynamische toepassing gebruikt moet worden.

Heb je een online voorbeeldje?

Ja laat het alleen zo zijn dat floats de meeste errors veroorzaken in geslicede ontwerpen. Believe me, been there, done that.

En ik heb niet tegen floats hoor, ik zou het liever wat meer gebruiken, maar als je met floats werkt, moet je alles op het zelfde niveau meteen weer een clear both mee geven er onder.

En overflow hidden heb je toch niet nodig als het flexibel moet zijn? Of ben ik mis? Daarom wil je toch een variabele hoogte? De enige reden waarom je dat zou willen is om verdere verschuivingen te voorkomen, en mocht dat het geval zijn, kun je ook een position relative mee geven.

Origineel gepost door Merijn Venema

Ja laat het alleen zo zijn dat floats de meeste errors veroorzaken in geslicede ontwerpen. Believe me, been there, done that.

En ik heb niet tegen floats hoor, ik zou het liever wat meer gebruiken, maar als je met floats werkt, moet je alles op het zelfde niveau meteen weer een clear both mee geven er onder.

En overflow hidden heb je toch niet nodig als het flexibel moet zijn? Of ben ik mis? Daarom wil je toch een variabele hoogte? De enige reden waarom je dat zou willen is om verdere verschuivingen te voorkomen, en mocht dat het geval zijn, kun je ook een position relative mee geven.

Nog nooit last gehad van errors eerlijk gezegt, het ligt misschien aan de
manier waarop je floats toepast? Ik gebru clear:both ik zeer zelden, vaak
zijn float problemen op te lossen door de vervolgende element ook een
float mee te geven. Als veel elementen in een template een float mee krijgen,
dan krijg je een dynamischer effect wanneer er iets weg valt. Je moet het dan
wel op de juiste manier roepassen, anders kom het idd lelijk eruit te zien.

Je hebt het idd niet nodig, maar het is manier om de content in de juiste
div te laten tonen. Position relative haalt weinig uit wanneer de onderliggende
div ook position relative heeft meegekregen.

Ik sluit me voor het eerste deel aan bij gijsbert ;)