PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
H

Css - Hoogte probleem

Door Han eev op 10-10-2005 16:25 gewijzigd op 10-10-2005 17:28
1.222 views
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

H
Han eev
10-10-2005 17:30
* ohw..... *
Jan Koehoorn
10-10-2005 18:15
Heb je dat menu gedaan met

float: right;

?
H
Han eev
10-10-2005 18:56 gewijzigd op 10-10-2005 19:00
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;
}
H
Han eev
10-10-2005 20:00
Echt niemand??
Ik kom er zelf ook niet uit ^^ dus mieschien anderen dus ook niet!
j
jelte
10-10-2005 20:09
ik kom dr ook niet uit:P maar diepages zien dr wel leuk uit
j
jelte
10-10-2005 20:09
ik kom dr ook niet uit:P maar diepages zien dr wel leuk uit
Willem Jan Z
10-10-2005 20:10
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 :(
H
Han eev
10-10-2005 20:16
Fijn..... Nouw ik zie wel!
Jan Koehoorn
10-10-2005 20:36 gewijzigd op 10-10-2005 20:41
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
Jelmer -
10-10-2005 20:42
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.

Reageren

Inloggen om te reageren