login  Naam:   Wachtwoord: 
Registreer je!
 Forum

DIV-HEIGHT

Offline Flippie - 04/10/2006 12:57
Avatar van FlippieNieuw lid De Div's latest en profile worden 100% van scherm weergegeven en niet 100% van de beschikbare ruimte waardoor je steeds een 100-tal pixels moet scrollen.

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <head>
  3.   <title>Titel</title>
  4.   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  5.   <style type="text/css">
  6.   <!--
  7.     body {
  8.       margin: 0px;
  9.       height: 100%;
  10.     }
  11.     div.website {
  12.       margin: 0px auto;
  13.       width: 770px;
  14.       min-height: 100%;
  15.       height: auto !important; /* voor moderne browsers */
  16.       height: 100%;
  17.       position: relative;
  18.     }
  19.     div.banner {
  20.       padding-left:20px;
  21.       margin: 0px;
  22.       background: #0000FF;
  23.       width: 100%;
  24.       height: 85px;
  25.     }
  26.     div.navigation {
  27.       padding-left:20px;
  28.       margin: 0px;
  29.       background: #00FF00;
  30.       width: 100%;
  31.       height: 20px;
  32.     }
  33.     div.contentWebsite {
  34.       margin: 0px;
  35.       background: #FFFFFF;
  36.       width: 100%;
  37.       height: 100%;
  38.     }
  39.     div.latest {
  40.       margin: 0px;
  41.       float: left;
  42.       background: #FF0000;
  43.       width: 175px;
  44.     }
  45.     div.profile {
  46.       padding: 0px;
  47.       margin: 0px;
  48.       background: #FFFFFF;
  49.       width: 100%;
  50.     }
  51.     .bottom {
  52.       border: solid 0px #000000;
  53.       bottom: 0;
  54.       width: 100%;
  55.       background: #446600;
  56.     }
  57.   -->
  58.   </style>
  59. </head>
  60.  
  61. <body>
  62. <div class="website">
  63.   <div class="banner">Banner</div>
  64.   <div class="navigation">Navigation</div>
  65.   <div class="contentWebsite">
  66.     <div class="latest">Laatste nieuws</div>
  67.     <div class="profile">Profiel</div>
  68.   </div>  
  69.   <div class="bottom">Balk onderaan</div>
  70. </div>
  71. </body>
  72. </html>

4 antwoorden

Gesponsorde links
Offline Rens - 04/10/2006 12:59
Avatar van Rens Gouden medaille

Crew algemeen		 En je vraag...?
Offline Flippie - 04/10/2006 13:16
Avatar van Flippie Nieuw lid Hoe kan ik verhinderen dat die laatste paar pixels niet worden afgebeeld en hij zich mooi aan de hoogte van het scherm houdt?
Blijkbaar neemt hij voor de 100% hoogte van de DIV latest en DIV profile de 100% van de schermhoogte en niet van beschikbare ruimte.
Offline Thomas - 04/10/2006 14:57
Avatar van Thomas Moderator Dit is haast niet goed te doen.

Ook als je absolute positionering gebruikt kom je in de knoei wanneer je pagina hoger is dan 100%.
Offline xSc - 05/10/2006 12:53
Avatar van xSc Onbekend Het kan wel. Je moet dan werken met divs over elkaar heen. Dus bijv. een div 100% hoog maken en die op de achtergrond (z-index) plaatsen. Werk ook met relatieve positionering. Je hoeft niet altijd een hoogte op te geven.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.209s