login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Wrapper 100% hoog

Offline GroundZero - 12/03/2012 20:24 (laatste wijziging 12/03/2012 20:24)
Avatar van GroundZeroLid Beste,

ik wil een wrapper (container) die 100% hoog is. Dit werkt prima maar nu is hij op elke browser (als er geen content in mijn wrapper staat) toch nog iets te lang. Ik krijg nu ook zonder content in mijn wrapper een verticale schuifbalk om te scrollen.

Kan iemand mij vertellen hoe ik dit wel correct kan aanpassen?

css code - Bekijk de code zonder highlighting - Klap code in 
  1. @charset "utf-8";
  2.  
  3. /* overal reset */
  4. * {
  5. 	margin:0px;
  6. 	padding:0px;
  7. 	font-size:12px;
  8. 	outline:none;
  9. 	border:none;	
  10. }
  11.  
  12. /* overal settings */
  13. html {
  14. 	height:100%;	
  15. }
  16.  
  17. body {
  18. 	height:100%;
  19. 	background:#CCC;	
  20. }
  21.  
  22. /* website */
  23. .wrapper {
  24. 	width:980px;
  25. 	min-height:100%;
  26. 	margin:0px auto;
  27. 	background:#FFF;
  28. 	padding:10px;
  29. 	box-shadow:0px 0px 5px #000;
  30. 	-webkit-box-shadow:0px 0px 5px #000;
  31. 	-moz-box-shadow:0px 0px 5px #000;
  32. }

4 antwoorden

Gesponsorde links
Offline vinTage - 12/03/2012 20:43 (laatste wijziging 12/03/2012 20:49)
Avatar van vinTage Nieuw lid En als je de shadow weg haalt?

edit, ik heb geen scrollbar met die code 
Offline GroundZero - 12/03/2012 20:50
Avatar van GroundZero Lid Geprobeerd maar maakt niks uit (ik gebruik FireFox) 
Offline vinTage - 12/03/2012 20:53 (laatste wijziging 12/03/2012 21:02)
Avatar van vinTage Nieuw lid Ah, ik had een id gegeven ipv class.

maar als je de padding weghaalt is het in orde, de shadows kun je houden.

Je kan in wrapper een div zetten met 10px padding en daarin je content.
Offline GroundZero - 13/03/2012 11:11
Avatar van GroundZero Lid oke duidelijk, super bedankt!!
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.187s