login  Naam:   Wachtwoord: 
Registreer je!
 Forum

div probleem

Offline ottorocket - 22/06/2006 00:48 (laatste wijziging 22/06/2006 00:48)
Avatar van ottorocketOnbekend Hey, ik heb een probleem met mijn divs, ik heb een menu links, tekst en een menu rechts, als ik in dat menu links tekst bij zetten schuift het tekstvak en het menu rechts gewoon mee naar onder, maar die moeten altijd met de top op dezelfde plaats blijven staan

html pagin
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5. <title>Untitled Document</title>
  6. <link href="stijl.css" rel="stylesheet" type="text/css" />
  7. </head>
  8.  
  9. <body>
  10. <div class="wrapper"> <!-- het vak waar alles inkomt -->
  11. <div class="header"></div> <!-- de header -->
  12. <div class="buttons"><img src="buttons.gif" /></div> <!-- het vak met de buttons -->
  13. <div class="info"></div> <!-- hier komt extra info in -->
  14. <div class="menulinks">Hier menu <br />test</div> <!-- linkse menu -->
  15. <div class="tekst">Hier komt alle tekst in</div> <!-- tekst vak, hier speelt alles zich af -->
  16. <div class="menurechts">Hier menu</div> <!-- rechtse menu -->
  17. <div class="bottom">Copyright Gamecoll &copy; 2005-2007 | Design By W0utah</div> <!-- copyright -->
  18. </div>
  19. </body>
  20. </html>


mijn css

http://www.plaatscode.be/821

6 antwoorden

Gesponsorde links
Offline Thomas - 22/06/2006 12:43 (laatste wijziging 22/06/2006 12:43)
Avatar van Thomas Moderator Als je divs naast elkaar wilt zetten, moet je de float-property gebruiken (of je werkt met absolute positionering ). Ook moeten je divs groot genoeg zijn voor de inhoud, of anders moet je aangeven hoe er met overflows omgegaan moet worden.
Zodra een div om wat voor reden dan ook "te weinig ruimte" heeft, tjoept ie naar een nieuwe regel.
Offline ottorocket - 22/06/2006 12:46
Avatar van ottorocket Onbekend ik heb bij die rechtse toch float gebruikt??
En ik heb express een nieuwe regel gedaan om het te testen, maar die rechts ging direct mee naar beneden samen met het tekstvak
Offline Thomas - 22/06/2006 12:50 (laatste wijziging 22/06/2006 12:57)
Avatar van Thomas Moderator Een div is default een "block level element". Dit houdt in dat een div automatisch de hele beschikbare regelbreedte claimt.

Als je wilt dat meerdere divs naast elkaar komen te staan, moet je elk van deze divs floaten.

EDIT: Kijk anders eens naar de tutorial van Bladin, deze verschaft goed inzicht in de werking van divs.
Offline ottorocket - 22/06/2006 12:58
Avatar van ottorocket Onbekend het is voor grotendeel opgelost nu, ik heb float left gegeven, maar nu nog een probleem met ff:

http://img150.imageshack.us/my.php?image=ff7hr.gif

en in IE is het zo, zo moet het zijn:

http://img150.imageshack.us/my.php?image=ie0xk.gif
Offline Thomas - 22/06/2006 13:02
Avatar van Thomas Moderator Misschien moet je bij de onderste div het volgende toevoegen:

clear: both;

Om af te dwingen dat de div op een nieuwe regel gezet wordt?

Of je introduceert hiervoor een dummy-div, zoals in de tutorial van BladiN (zie hierboven) staat beschreven.
Offline ottorocket - 22/06/2006 14:32
Avatar van ottorocket Onbekend bedankt, het is nu bij beide gelukt
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.189s