Css - Hoogte probleem
Hier is de fout dat het menu niet gelijk is aan de onderkant van de pagina
Pagina 1
Hier is de fout dat het menu niet doorblijft gaan(FF wel)
Pagina 1
Wat nu mijn vraag is
Hoe kan ik zorgen dat altijd de hele lengte van de pagina heeft
Maar als het meer word dat het menu gewoon door gaat en niet dat je overlapping krijgt van dat de tekst langer is dan de opmaak.
Han
Gewijzigd op 10/10/2005 17:28:00 door Han eev
float: right;
?
Nu doe ik het met float dat werkt wel maar nog niet helemaal en dit is mijn css:
div.menu {
text-align: left;
float: right;
height: 100%;
border: 0px solid #000000;
background: #001E39;
font-size: 8pt;
color: #000000;
width: 150px;
position: relative;
background-image: url(../img/rechts.gif);
background-repeat: repeat-y;
z-index: 10;
}
Gewijzigd op 10/10/2005 19:00:00 door Han eev
Ik kom er zelf ook niet uit ^^ dus mieschien anderen dus ook niet!
beetje geduld, kom net uit mijn werk! ;-)
Als ik het goed begrijp, is je probleem het volgende:
Je hebt een menu div in een container div.
De menu div is naar rechts gefloat.
Als het menu teveel tekst bevat wordt het niet langer dan de container div.
Als de container te veel tekst bevat is de menu div te kort.
Goed samengevat zo?
In dat geval heb je vast wel iets aan dit artikel
Gewijzigd op 10/10/2005 20:41:00 door Jan Koehoorn
Wat ik meestal doe, is aan het einde van de pagina (dus daar waar de <div/> van de inhoud en de <div/> van het menu in staan) even een <hr/> te zetten, en deze dan devolgende style mee te geven:
hr{
visibility: hidden;
clear: both;
margin: 0;
padding: 0;
}
Zie ook even de pagina die ik voor school als huiswerk in elkaar heb gefietst. Het menu en de inhoud floaten daar, maar de div waar ze inzitten (dat ding met de bruine rand) niet. Dus <div id="container"><ul>menu</ul><div>inhoud</div><hr/></div> is het bij mij dan.