login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Div's, van boven tot onder

Offline bertenz - 03/09/2005 23:03
Avatar van bertenzHTML beginner Hallo allemaal,

Het werken met div's gaat bij mij nog niet helemaal geweldig. Zo wil ik namelijk een div bijv. vanaf pixel 500 vanaf de top gezien tot aan de bodem laten lopen, maar hoe krijg ik dat voor elkaar?
De instellingen van de div zien er nu zo uit:
  1. .menurest {
  2. position: relative;
  3. top: 510px;
  4. left: 0px;
  5. bottom: 0px;
  6. width: 239px;
  7. height: 100%;
  8. z-index: 2;
  9. background-color: #F8F8F8;
  10. background-image: url(../images/menu/rest.gif);
  11. background-repeat: repeat;
  12. }

De div loopt nu niet tot op de bodem van de pagina. Hoe kan ik er voor zorgen dat het dat wel doet? Alvast bedankt.

Bertenz

9 antwoorden

Gesponsorde links
Offline Ultimatum - 03/09/2005 23:19
Avatar van Ultimatum PHP expert dan moet je 2 divs maken, 1 met de settings die van pixel 1 tot pixel 500 loopt en dan div 2 gaan van 500 verder naar onder, je moet ze dan wel in een soort tabel zetten om onder elkaar te laten verschijnen 

  1. .div1 {
  2. height: 500px;
  3. width: 100%;
  4. }
  5.  
  6. div2 {
  7. height: 500px;
  8. width: 100%;
  9. }
  10.  
  11. .tabel
  12. height: 100%;
  13. width: 100%;


^^ dat is je css :D^^
  1. <div class="tabel">
  2. <div class="div1"></div>
  3. <div class="div2"></div>
  4. </div>


zoiets moet het wel doen denk ik 
Offline Qhead - 04/09/2005 00:01
Avatar van Qhead HTML interesse Ultimatum je zult imo ook nog display: block; en float: left; moeten toevoegen hoor
Offline bertenz - 04/09/2005 12:20
Avatar van bertenz HTML beginner Ik bedoelde dat ik bijv. 2 div's onder elkaar heb staan aan de linkerkant van het scherm. De hoogte van de bovenste div staat vast, want deze loopt namelijk tot pixel 510. (misschien zat daar ook de verwarring in het eerste voorbeeld 500 - 510). De div die daarna komt moet vanaf de onderkant van de bovenste div (dus vanaf pixel 510) tot aan de bodem lopen. De breedte van de twee div's staat ook gewoon vast, namelijk op 239 pixels. Mijn probleem is dus dat ik het niet voor elkaar krijg om de onderste div van pixel 510 tot aan de bodem te laten lopen. Het moet met meerdere resoluties goed te zien zijn, dus een absolute waarde geven kan dan niet. Weet iemand hoe ik dit dan op kan lossen?

Bertenz
Offline Ontani - 04/09/2005 14:37
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1
ge zou eerst de div van 100% hoogte kunnen zetten op left: 0px en top: 0px met absolute positionering, dan zou je de andere div van 510 pixels hoogte erover kunnen plaatsen
Offline bertenz - 04/09/2005 16:31
Avatar van bertenz HTML beginner Bedankt Ontani, maar helaas werkt het niet. Het probleem is namelijk dat de div die tot aan de bodem moet lopen (100% dus) gewoon niet tot aan de bodem loopt (niet met position "relative" en ook niet met "absolute"). Het ziet er nu zo uit:
http://www.imbbertens.nl/test/imbbertens/
Ik heb hier de div die 100% moet zijn expres de hoogste z-index gegeven zodat je kunt zien wat ik bedoel. Eigenlijk zou de blauwe balk die ergens links bovenaan begint dan helemaal tot aan beneden toe door moeten lopen, maar op de een of andere manier lukt dat niet (overigens moet het dan aan de linkerkant ook van boven naar beneden niet wit maar licht grijs zijn). Weet iemand hoe ik ervoor kan zorgen dat de div zich helemaal uitstrekt (verticaal) over het scherm? Alvast bedankt voor alle hulp.

Bertenz
Offline Ontani - 04/09/2005 17:03
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1
  1. <style type="css/text">
  2.  
  3. html, body {
  4. height: 100%;
  5. }
  6.  
  7. div {
  8. height: 100%;
  9. }
  10.  
  11. </style>
  12.  
  13. <div class="div">
  14. Test
  15. </div>
Offline bertenz - 04/09/2005 17:36
Avatar van bertenz HTML beginner Nogmaals bedankt Ontani! De div rekt nu wel helemaal naar beneden toe uit, maar doordat de body nu 100% is, krijg ik aan de rechterkant een scrollbar te zien. Het lijkt erop dat de body nu net zo groot is als het beeldscherm, maar kan ik er niet voor zorgen dat de body 100% is van de browser? Op deze manier wordt het er namelijk niet veel mooier op.

Bertenz
Offline Maarten - 04/09/2005 18:13
Avatar van Maarten Erelid Jep, de margins van de body op 0 zetten.
Offline leendert - 04/09/2005 18:54
Avatar van leendert HTML beginner Misschien heb je wat aan deze link:

http://www.home.zonnet.nl/kwillems/test9.html
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.19s