Css - Hoogte probleem
Ik ben bezig met de opmaak van mijn site lukt al aardig maar nog 1 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
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
* ohw..... *
Heb je dat menu gedaan met
float: right;
?
float: right;
?
Nee want dan gaat hij helemaal aan de rechter kant maar ik ga het even proberen.
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;
}
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
Echt niemand??
Ik kom er zelf ook niet uit ^^ dus mieschien anderen dus ook niet!
Ik kom er zelf ook niet uit ^^ dus mieschien anderen dus ook niet!
ik kom dr ook niet uit:P maar diepages zien dr wel leuk uit
ik kom dr ook niet uit:P maar diepages zien dr wel leuk uit
Dat probleem heb ik ook altijd... Je kan wel met CSS een minimale hoogte opgeven... Vind ik al goed genoeg... Alleen dat is CSS2 en wordt dus (zoals zovaak) niet ondersteunt door IE :(
Fijn..... Nouw ik zie wel!
Hoi Han,
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
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
Voor dat eerste hebben ze clear: both; uitgevonden.
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.
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.




