login  Naam:   Wachtwoord: 
Registreer je!
 Forum

div hoogte

Offline Ultimatum - 18/06/2006 21:49 (laatste wijziging 18/06/2006 21:50)
Avatar van UltimatumPHP expert Ik wil mijn div dus 100% hoog hebben

ik heb hier enkele topics bekeken en daar wel een oplossing gevonden: html,body {height: 100% } maar als ik dat doe + height: 100% op mijn sidebars + content is me site in 1x 200% hoog :p

  1. body, html {
  2. font-size: 11px;
  3. font-family: Verdana;
  4. color: #FFFFFF;
  5. text-align: left;
  6. background-color: #a0a0a0;
  7. height: 100%;
  8. }
  9.  
  10. .bar-l {
  11. background-image: url("images/bar-l.jpg");
  12. background-repeat: repeat-y;
  13. width: 15px;
  14. height: 100%;
  15. float: left;
  16. }
  17.  
  18. .bar-r {
  19. background-image: url("images/bar-r.jpg");
  20. background-repeat: repeat-y;
  21. width: 15px;
  22. height: 100%;
  23. float: left;
  24. }
  25.  
  26. #content {
  27. width: 870px;
  28. background-color: #222222;
  29. float: left;
  30. }


screen:
http://img472.i...een7ge.jpg

de content die onder de header moet komen staat een paar straten onder in beeld 

2 antwoorden

Gesponsorde links
Offline Stijn - 19/06/2006 07:12
Avatar van Stijn PHP expert en als je de height wegdoe van bar-l en bar-r...
Offline Ultimatum - 19/06/2006 08:37 (laatste wijziging 19/06/2006 17:47)
Avatar van Ultimatum PHP expert dan is het net zo hoog als het minimaal moet zijn...

heb nu wel op een andere manier opgelost maar de hoogte is nu te groot, loopt onder het beeld verder, ik kan wel minder % nemen maar dan klotp het met andere resoluties niet meer..

css
http://plaatscode.be/785/

index
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html>
  3. <head>
  4. <title>Layout</title>
  5. <link rel="stylesheet" href="style.css" type="text/css" />
  6. </head>
  7.  
  8. <body>
  9. <div id="c">
  10. <div id="header"></div>
  11.  
  12. <div id="nav">
  13. <a href="#">Link</a> -
  14. <a href="#">Link</a> -
  15. <a href="#">Link</a> -
  16. <a href="#">Link</a> -
  17. <a href="#">Link</a> -
  18. <a href="#">Link</a> -
  19. <a href="#">Link</a> -
  20. <a href="#">Link</a>
  21. </div>
  22.  
  23. <div id="bar-l">&nbsp;</div>
  24. <div id="content">&nbsp;</div>
  25. <div id="bar-r">&nbsp;</div>
  26.  
  27. <div id="footer">Footer</div>
  28. </div>
  29. </body>
  30. </html>


screen
http://img116.i...een1rs.jpg

hopelijk kan iemand me nu helpen 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.206s