login  Naam:   Wachtwoord: 
Registreer je!
 Forum

div 100% hoogte (Opgelost)

Offline W0etah - 12/03/2008 22:51 (laatste wijziging 12/03/2008 23:16)
Avatar van W0etahPHP beginner Ik heb een divje met daarin een menu, maar nu wil ik dat deze een hoogte heeft van 100%
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="menu">
  2. 	<ul>
  3.   		<li id="home"><a href="?p=home">Home</a></li>
  4.         <li id="categorie"><a href="?p=categorieen">Categorieën</a></li>
  5.         <li id="statistieken"><a href="?p=statistieken">Statistieken</a></li>
  6.         <li id="links"><a href="?p=links">Links</a></li>
  7.         <lI id="contact"><a href="?p=contact">Contact</a></lI>
  8.     </ul>
  9. </div>


met gewoon de height op 100% te zetten lukt het me niet, weet iemand misschien wat ik moet doen?

17 antwoorden

Gesponsorde links
Offline vinTage - 12/03/2008 22:57
Avatar van vinTage Nieuw lid Wat is de css voor "menu" ?
Offline tomate - 12/03/2008 22:58
Avatar van tomate Lid Geef aub eens je CSS code van die div, anders kunnen we dit niet weten wat het probleem is.
Offline tomate - 12/03/2008 22:58
Avatar van tomate Lid Geef aub eens je CSS code van die div, anders kunnen we dit niet weten wat het probleem is.
Offline W0etah - 12/03/2008 23:00 (laatste wijziging 12/03/2008 23:13)
Avatar van W0etah PHP beginner ow, sorry, ik dacht dat ik deze erbij had gezet.


css code - Bekijk de code zonder highlighting - Klap code in 
  1. #menu {
  2. 	height: 100%;
  3. 	width: 220px;
  4. 	border-right: 20px solid #000000;
  5. 	float: left;
  6. }
  7. #menu ul {
  8. 	margin: 0px;
  9. 	padding: 0px;
  10. 	list-style: none;
  11. }
  12. #menu ul li a {
  13. 	font-family: Verdana, Arial, Helvetica, sans-serif;
  14. 	color: #000000;
  15. 	text-decoration: none;
  16. 	letter-spacing: 0.1em;
  17. 	margin: 0px;
  18. 	padding: 2px 2px 2px 10px;
  19. 	height: auto;
  20. 	background: #999999;
  21. 	display: block;
  22. 	width: 200px;
  23. }


Werken de code tags trouwens niet meer?

@hieronder: ik gebruikte gewoon de knopjes die hier staan voor code tussen te zetten
Offline tomate - 12/03/2008 23:03 (laatste wijziging 12/03/2008 23:05)
Avatar van tomate Lid Het is code ipv plaatscode ;)

Bij mij werkt die code perfect (in Safari browser).
Offline vinTage - 12/03/2008 23:08 (laatste wijziging 12/03/2008 23:11)
Avatar van vinTage Nieuw lid Deze code (is de jouwe) klopt gewoon in FF en IE
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <style type="text/css">
  2. #menu {
  3. height: 100%;
  4. width: 220px;
  5. border-right: 20px solid #000000;
  6. float: left;
  7. }
  8. #menu ul {
  9. margin: 0px;
  10. padding: 0px;
  11. list-style: none;
  12. }
  13. #menu ul li a {
  14. font-family: Verdana, Arial, Helvetica, sans-serif;
  15. color: #000000;
  16. text-decoration: none;
  17. letter-spacing: 0.1em;
  18. margin: 0px;
  19. padding: 2px 2px 2px 10px;
  20. height: auto;
  21. background: #999999;
  22. display: block;
  23. width: 200px;
  24. }
  26.  
  27. <div id="menu">
  28. <ul>
  29. <li id="home"><a href="?p=home">Home</a></li>
  30. <li id="categorie"><a href="?p=categorieen">Categorieën</a></li>
  31. <li id="statistieken"><a href="?p=statistieken">Statistieken</a></li>
  32. <li id="links"><a href="?p=links">Links</a></li>
  33. <lI id="contact"><a href="?p=contact">Contact</a></lI>
  34. </ul>
  35. </div>



edit: bij jouw geen codeblok omdat je geen slash zet bij de sluittag van de code
Offline W0etah - 12/03/2008 23:15
Avatar van W0etah PHP beginner raar, bij mij in safari en firefox werkt het niet en is het menu gewoon even groot als alle links onder elkaar
Offline vinTage - 12/03/2008 23:16
Avatar van vinTage Nieuw lid Je ziet toch gewoon een zwarte streep van boven naar beneden ?
Offline W0etah - 12/03/2008 23:19
Avatar van W0etah PHP beginner ja, als ik die code dat jij gepost heb letterlijk kopieer zie ik het ook, maar bij niet.

Maar wacht ik had ook nog opmaak van de knoppen, misschien heeft dat er iets mee te maken.

dit is mijn volledige css: http://plaatscode.be/6071/
in de html staag nog altijd enkel dat menu.
Offline vinTage - 12/03/2008 23:23
Avatar van vinTage Nieuw lid Geen ook de html erbij, geen zin om dat allemaal zelf aan te moeten maken 
Offline W0etah - 12/03/2008 23:26
Avatar van W0etah PHP beginner html: http://plaatscode.be/6072/
Offline vinTage - 12/03/2008 23:49
Avatar van vinTage Nieuw lid hmz, wederom geen probleem hier.
Offline W0etah - 13/03/2008 00:08
Avatar van W0etah PHP beginner strange, ik heb ff een screenshot genomen hoe het er bij mij uitziet. (safari, maar in FF is het juist hetzelfde).

http://img181.i...ng1ef4.png
Offline vinTage - 13/03/2008 00:18
Avatar van vinTage Nieuw lid http://imgdumpe...f74i3ovagz
Offline Ontani - 13/03/2008 14:18
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 zorg dat je body en html een hoogte hebben, deze moeten beide ook op 100% staan:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. body, html {
  2.  margin: 0;
  3.  padding: 0;
  4.  width: 100%;
  5.  height: 100%;
  6. }
Offline W0etah - 13/03/2008 14:53
Avatar van W0etah PHP beginner ah, met die html ook een hoogte geven werkte het.

Bedankt iedereen
Offline Technicon - 12/08/2008 21:32
Avatar van Technicon Nieuw lid Hallo,

Deze post is al effe geleden, maar ik heb er toch nog een vraagje over.
Wanneer ik deze code in een html-pagina gooi werkt het perfect.
Echter wanneer ik een doctype toevoeg, werkt het niet meer en wordt de achtergrond enkel getoond tot en met de teksthoogte.

Aangezien het toch de bedoeling is om een doctype te gebruiken, vroeg ik mij af of iemand een werkend voorbeeld heeft van bovenstaande code?

Thnx!!
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.221s