[html/css] achtergrond groeit niet mee!

[Verwijderd]

Ik ben bezig met een website en deze is opgebouwd met divs

ik gebruik hiervoor de volgende constructie

body (met een gradient achtergrond)
  effects (een div met een extra achtergrond)
    canvas (een div die een vlak in het midden zet
      content_top (voor afgeronde hoeken)
      content
        article (met hierin de html van het artikel)
        sidebar (met hierin de html van widgets)
        article_tools (met hierin een lijst met acties zoals print etc)
        div zonder id met class older_arcticle (deze moet meerdere malen geloopt worden om oudere artikelen weer te geven) 

nu heeft content ook een achergrond, omdat content mee *hoort te ge groeien moet de achtergrond de hele pagina bedekken. zolang deze groeit werkt dit ook. in mijn stylesheet had ik eerst een vaste hoogte van 800px ingesteld met de theorie dat deze meer zal groeien als dat nodig is. niet dus. sterker nog als ik de css regel weg haal (met de hoogte van 800px) is de hele achtergrond niet zichtbaar, content groeit dus niet mee!

(*content groeit dus niet mee)

Ik heb al geprobeerd van alles om te bouwen/weg te laten maar ik kan de oorzaak niet vinden. de validator zegt dat hij geen fouten kan vinden en ook ik kon geen openstaande tags vinden.

Hier heb ik een .zip met alle files
http://www.easy-upload.nl/index.php/file/749dcd06858d22

Hier een afbeelding van het probleem
http://www.easy-upload.nl/index.php/file/1549dcd06830269

Weet een van jullie wellicht hoe ik dit probleem kan oplossen?

Mvg.

Sven van de Scheur

[Gersomvg]

heb je een content_bottom?
gebruik je floats?

Dan moet je je content_bottom even een clear:both; meegeven Probleem heb ik ook al een paar keer gehad..

[kaesve]

daarbij wil je niet een vaste height, maar een min-height. dan is je divje dus bijvoorbeeld minimaal 800px, maar als de content langer is word je divje ook groter.

[Z-Dragon]

code:

overflow: auto;

meegeven aan #content. Verder geen hoogte opgeven.

[ Voor 21% gewijzigd door Z-Dragon op 08-04-2009 19:08 ]

[Gersomvg]

Opgelost:

Cascading Stylesheet:

#content {
    background-image: url(images/content.png);
    width: 780px;
    min-height:800px;
    height:auto !important;        <<crossbrowser gedoe
    height: 800px;                    <<
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    overflow:hidden;                <=dit miste nog (oplossing ;)     )
}

edit: Zucht.. net iemand eerder.. Nou ja Ik heb tenminste een oplossing dat de hoogte opgeven wel mag

[ Voor 23% gewijzigd door Gersomvg op 08-04-2009 19:13 ]

[Z-Dragon]

gersompie schreef op woensdag 08 april 2009 @ 19:10:
edit: Zucht.. net iemand eerder.. Nou ja Ik heb tenminste een oplossing dat de hoogte opgeven wel mag

Kun je toch nog slapen vannacht.

[Verwijderd]

Helaas, de suggesties die jullie mij gegeven hebben (waarvoor dank) hebben niks opgelost, de tekst verdwijnt nu gewoon in het niks door de overflow: hidden (auto ook geprobeerd) maar het groeit nog steeds niet mee.

EDIT: Dat doettie wel, DANK U ZEER ALLEN

[ Voor 9% gewijzigd door Verwijderd op 08-04-2009 20:19 ]