login  Naam:   Wachtwoord: 
Registreer je!
 Forum

height 100% (Opgelost)

Offline san - 06/07/2009 19:59
Avatar van sanHTML interesse Ik wil een webpagina maken met het menu in een balk aan de linkerkant over de hele lengte van de pagina en met blauwe achtergrondkleur. Dan wil ik het tekstgedeelte ernaast met een groene achtergrondkleur maar ook over de hele lengte. Het groene tekstgedeelte komt wel over de hele lengte maar het blauwe menugedeelte niet. Weet iemand wat ik fout doe?
css code - Bekijk de code zonder highlighting - Klap code in 
  1. body {
  2. margin: 0px;
  3. padding: 0px;
  4. font-family: Georgia, Times, Serif;
  5. color: black;
  6. background-color: #66FF33;
  7. width: 100%;
  8. }
  9.  
  10. #menu {
  11. height: 100%;
  12. list-style: none;
  13. float: left;
  14. width: 15%;
  15. background-color:#33CCFF;
  16. }
  17.  
  18. #tekst {
  19. position: absolute;
  20. top: 33%;
  21. left: 18%;
  22. }
  23.  
  24. </style>
  25.  
  26. </head>
  27.  
  28. <body> 
  29.  
  30. <div id="menu">
  31. <li><a href="#">Home</a>
  32. <li><a href="#">About</a>
  33. <li><a href="#">Links</a>
  34. <li><a href="#">Contact</a>
  35. </div>
  36. <div id="tekst">
  37. Tekst
  38.  </div>   
  39.  
  40. </body>                        
  41. </html>

5 antwoorden

Gesponsorde links
Offline Martijn - 06/07/2009 21:07 (laatste wijziging 06/07/2009 21:07)
Avatar van Martijn Crew PHP edit: te snel geleze.

Je body heeft nopg geen 100% heigth
Offline san - 06/07/2009 21:30
Avatar van san HTML interesse Als ik die 100% height geef doet hij het ook niet.
Offline djb - 06/07/2009 23:08 (laatste wijziging 06/07/2009 23:24)
Avatar van djb PHP beginner Wat is je doctype?
Want daar heeft het (volgens mij) ook mee te maken.

Volgens mij werkt hij zeker met HTML 4.01 strict ;)
en dan:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. html, body {
  2. height:100%;
  3. height:100%;
  4. }
  5.  
  6. body {
  7. margin: 0px;
  8. padding: 0px;
  9. font-family: Georgia, Times, Serif;
  10. color: black;
  11. background-color: #66FF33;
  12. width: 100%;
  13. }

Not tested yet

EDIT:
Getest met XHTML 1.0 en bij die werkt hij ook,
Hier de code:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. 	<head>
  4. 		<title>Title</title>
  6. 			html, body {
  7. 				height:100%;
  8. 				height:100%;
  9. 			}
  10.  
  11. 			body {
  12. 				margin: 0px;
  13. 				padding: 0px;
  14. 				font-family: Georgia, Times, Serif;
  15. 				color: black;
  16. 				background-color: #66FF33;
  17. 				width: 100%;
  18. 			}
  19. 		</style>
  20. 	</head>
  21. 	<body>
  22. 		Content
  23. 	</body>
  24. </html>


Edit 2:
Ik zie dat je vaker een topic hebt geopend over height 100% en foto's centreren etc.
Hier een oplossing van je foto centreren:
http://plaatscode.be/137074/
Gaat over dit topic:
http://www.site...en_doctype

En een oplossing van dit topic met het menu erbij:
http://plaatscode.be/137075/

Ik hoop dat je verder komt  
Offline san - 06/07/2009 23:52 (laatste wijziging 07/07/2009 00:31)
Avatar van san HTML interesse Heb alles uitgeprobeerd en werkt uitstekend. Heel erg bedankt. Ik ben geholpen.
Offline djb - 07/07/2009 02:21
Avatar van djb PHP beginner No problem,
Daar is dit forum juist voor  
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.301s