Hey,

ik ben een website aan het maken, maar de div's werken niet echt mee:
kort gezegd is het probleem: als de tekst langer is dan de paginahoogte, gaat de webpagina wel mee, maar de navigatie blijft dezelfde grootte.

=> printscreen

http://img84.imageshack.us/img84/4326/printscreenzf7.png


Korte html
<div id="fullcontent">

<div id="navigation">
</div>

<div id="content">
</div>

</div>

Css
div#fullcontent
{ background-color:#FFFFFF;
color: #000;
height: 100%;
width: 760px; }

div#navigation
{ background-image: url("../Images/navigation.png");
color: #000;
height: 500px;
width: 150px;
float: left;
border-right: 1px solid;
border-top: 1px solid;
border-bottom: 1px solid; }

div#content { background-color: #FFF;
color: #000;
min-height: 500px;
height: 500px;
height: auto;
width: 609px;
float: right; }



Iemand een idee hoe ik dit kan fixen???

Greetz.V.

div#navigation
{ background-image: url("../Images/navigation.png");
color: #000;
[-]height: 500px;[/-]
width: 150px;
float: left;
border-right: 1px solid;
border-top: 1px solid;
border-bottom: 1px solid; }


Is het niet beter dat je

height: 500px;weglaat, normaal moet dat werken (of het kan zijn dat je nieuwe problemen krijgt :lol:)

height weglaten zou voldoende moeten zijn.

Volgens mij moet je de navigatiediv gewoon ook een hoogte van 100% geven.

Heb een gelijkaardig probleem gehad, maar is opgelost geraakt. Gelukkig maar he of we hadden allemaal tegelijk grijs haar. :D
Maak voor de navigatie en de div voor de tekst en inhoud eerst één omvattende div aan (buiten die voor header of andere dan). Hierin schik je dan de navigatie en de inhoudsdiv naar believen en geef die wrapper de kleur van je navigatie.
De div met de inhoud geef je dan achteraf de gewenste achtergrond zoals hierboven. Meestal is de inhoud het meeste gevuld dus zal die wel mooi mee uitgroeien samen met de navigatie.

Nopes, geen van alle werkt...

Greetz. V.

en als je nu

Height: 500px;

vervangt door

Height: 100%

dan past hij de hoogte aan naar de ruimte die voorhanden is.

en als je nu

Height: 500px;

vervangt door

Height: 100%

dan past hij de hoogte aan naar de ruimte die voorhanden is.
Zoals ik dus al zei :)

Btw, dit zou echt moeten werken hoor :)

Probeer anders eens het volgende:
div#fullcontent
{ background-color:#FFFFFF;
color: #000;
height: auto;
width: 760px; }

div#navigation
{ background-image: url("../Images/navigation.png");
color: #000;
height: 100%;
width: 150px;
float: left;
border-right: 1px solid;
border-top: 1px solid;
border-bottom: 1px solid; }

div#content { background-color: #FFF;
color: #000;
min-height: 500px;
height: auto;
width: 609px;
float: right; }