css heeft geen zin

[gebruiker35]

Ik ben met de volgende site bezig: http://home.kliksafe.nl/knulst/klassesite/index.php

nu moet hij zo groot worden als de browser. het menu stuk moet dus automatish groter worden. alle div's staan in 1 div. Als ik die 100% laat zijn, is hij bij mij zowel in IE als in FF groter dan 100%. waarom?

 

[peter vazed]

Druk eens op F11

Gooi je url in:
http://validator.w3.org/

height: 100%;
is 100& van wat?

height: 100%; is een lastig uitvoerbaar iets.

 

[Patrick Uffels]

Ik heb even naar je code gekeken en ik zag dat het menu in een frame stond. Hier is niets mis mee, maar als je wil dat het frame zich automatisch aanpast, dan zul je niet een breedte van 140 pixels in moeten stellen .

<Iframe frameborder="0" src="./menu.php" width="140" height="380"></iframe>

Je kunt in de <iframe>- tag ook een percentage bij width instellen, dus bijvoorbeeld:

<Iframe frameborder="0" src="./menu.php" width="20%" height="380"></iframe>

Dat je css geen effect heeft is niet heel gek aangezien je overal bij de width het aantal pixels meegeeft en niet het aantal procenten. Wat wel nodig is bij het type site wat jij wilt
Ik hoop dat dit je verder helpt, als je nog vragen hebt stel ze !

Patrick Uffels

 

[gebruiker35]

ik begrijp nu welke 100% hij neemt.
hij moet dus de 100% groote van de browser hebben, hoe groot of klein deze ook is ingesteld

 

[gebruiker35]

hij hoeft overigens alleen in de hoogte veranderen! en dat iframe, dat is kleiner als de ruimte die hij krijgt in een gemmidelde browser dus

 

[Glest]

als je 100% height wilt gebruiken, dan moeten je html en body elementen beide ook height 100% hebben.

html, body {
  height: 100%;
}

100% betekent namelijk 100% van het parent-element. Dat moet dus ook een hoogte hebben meegekregen.