Archief - HTML: DIV's en height:100%

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.

/\quila

Legacy Member
Hellow

K ben bezig aan tabelloos design, dus enkel gebruik van div. Nu heb ik een probleempje met de "container" waar al mijn ander div's in staan, deze stretch namelijk niet als ik de height op auto of op 100% (dus aanpassen naargelang de content, en niet viewport [body,html height 100% niet gedefigneerd]).

De pagina is hier zichtbaar:
test.owh.be
De css is hier zichtbaar:
test.owh.be/style.css

Helemaal vanboven de pagina is dus een donker streepje met boord te zien, dit zou dus als background zijn voor de andere div's.

Iemand die een oplossing heeft voor dit nogal vervelend probleem?

Grtz

Disa

Legacy Member
kan het zijn dat je site down is ?
Want ik kan de site niet openen

Disa

/\quila

Legacy Member
Site is up, en hier werkt ze "perfect" buiten die stomme div die nie wilt stretchen :sad:

Dece

Legacy Member
logisch aangezien u container en u elementen een andere z-index hebben...

/\quila

Legacy Member
ik heb daarjust dat ook bemerkt, maar een z-index allemaal op layer 1 zetten heeft geen effect, de layers gewoon weglaten heeft ook geen effect :/
Momenteel dus geen z-indices, resulteert nog altijd in het zelfde

zero2one

Legacy Member
in mozilla staat uwen tekst div zelfs helemaal buiten de rest van uwen layout

/\quila

Legacy Member
De oplossing werd me gisteren idd gegeven op IRC, door knot. Maar ik moest even daarna vertrekken. Daardoor was de css alleen nog maar juist en niet de html, waardoor de div dus onder de container kwam te staan.

In de oorspronkelijke slechte versie had ik alles absoluut gepositioneert buiten mijn container. Knot zijn oplossing bestond deruit al deze absoluute posities weg te laten vallen, en met margins te werken. Dit was perfect voor de div's van header en menu. Verder werden calendar en notes nog samen in een div geplaatst, met float: left en werd content met float: right voorzien. Dan nog een spacer, en het was perfect wat het moest zijn.


Grtz
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