login  Naam:   Wachtwoord: 
Registreer je!
 Forum

[CSS] div volgt andere div niet

Offline Skelton - 25/02/2006 14:31
Avatar van SkeltonNieuw lid Dag allemaal, ik heb een probleem met een paar div's.
Het probleem kan je op volgende link zien. http://skelton.....php?tid=1

Zoals u kan zien rekt de rechts div niet mee zodat de lijn links ervan niet tot onder loopt. Heeft iemand een idee hoe ik dit fiks?

Hier is de code:
HTML:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div class="forum">
  2. <div class="forumtitel">Onderwerp: <strong>{onderwerp}</strong><br />
  3. Door: {auteur}<br />
  4. Op: {datum}</div>
  5. <div class="foruminfo">
  6.   <p>{avatar}</p>
  7.   <p>bla bla lba</p>
  8.   <p>&nbsp; </p>
  9. </div>
  10. <div class="forumbericht">
  11.   <p>{bericht}</p>
  12.   <p>sdf</p>
  13. </div>
  14. <div class="forumbewerking">
  15. <!-- START BLOCK : bewerkingen_lid_topic -->
  16. <a href="{url}forum/wijzigen.php?tid={tid}">Wijzigen</a>
  17. <!-- END BLOCK : bewerkingen_lid_topic -->
  18. <!-- START BLOCK : bewerkingen_mod_topic -->
  19. <a href="{url}forum/wijzigen.php?tid={tid}">Wijzigen</a> | <a href="{url}forum/sluiten.php?tid={tid}">Sluiten</a> | <a href="{url}forum/verwijderen.php?tid={tid}">Verwijderen</a>
  20. <!-- END BLOCK : bewerkingen_mod_topic -->
  21. &nbsp;
  22. </div>
  23. </div>

CSS:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. div.forum {
  2. 	border: 1px solid #757054;
  3. 	margin-top: 15px;
  4. 	margin-bottom: 15px;
  5. 	width: 745px;
  6. }
  7. div.forumtitel {
  8. 	background-color: #c1b98b;
  9. 	padding: 2px;
  10. 	border-bottom: 1px solid #757054;
  11. }
  12. div.foruminfo {
  13. 	float: left;
  14. 	width: 116px;
  15. 	padding: 2px;
  16. }
  17.  
  18. div.forumbericht {
  19. 	float: left;
  20. 	width: 620px;
  21. 	border-left: 1px solid #757054;
  22. 	padding: 2px;
  23. }
  24. div.forumbewerking {
  25. 	border-top: 1px solid #757054;
  26. 	background-color: #c1b98b;
  27. 	clear: both;
  28. 	padding: 2px;
  29. }


Alvast bedankt!

6 antwoorden

Gesponsorde links
Offline Ontani - 26/02/2006 11:42
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 iets dergelijks krijg je toch gemakkelijker gefixed met tables als met divs. Ik zou hier gewoon tables aanraden.
Offline Bram - 26/02/2006 18:47
Avatar van Bram HTML interesse probeer dit eens:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. min-height:100%;


in de div.forumbericht
Offline Skelton - 27/02/2006 11:08
Avatar van Skelton Nieuw lid Ik wou het gewoon toch is proberen in div's maar er zal dus niets anders opzitten dan het met tables te doen.
Toch bedankt.
Offline Ontani - 27/02/2006 11:20
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 ofwel moet je een vaste hoogte instellen

zo hoog als de grooste avatar + die padding die je hebt.
dan wordt ie normaal gezien toch vanzelf hoger als je tekst vergroot.
Offline foe - 27/02/2006 13:42
Avatar van foe HTML interesse zoek op google eens naar faux columns en borders
Offline BarTeL - 27/02/2006 15:38
Avatar van BarTeL Nieuw lid zoals bram al ongeveer zei:

min-height: 80px;

dit in uw div.forumbericht (dit is de afmeting van uw avatar)
Getest, en het werkt!
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.205s