login  Naam:   Wachtwoord: 
Registreer je!
 Forum

DIV-footer ed.

Offline klostpret - 06/03/2006 17:14
Avatar van klostpretHTML interesse Hallo,

Ik zit met een probleempje, ik heb een lay-out gemaakt, maar één ding wel niet lukken.

Bovenaan staat de Header (goh), daaronder Menu | Content | Menu
en daaronder de footer. (gemaakt met DIV's)
Uiteraard is de Content variabel, maar de beide Menu's hebben ook een variabele hoogte. (Kwa inhoud). Nu komt de footer heel de tijd op de hoogte waar de langste balk (menu, content of menu), ophoudt. Dat is opzich goed. Maar de hoogte van de andere twee worden hier niet op aangepast.
Hoe moet ik dit oplossen?

6 antwoorden

Gesponsorde links
Offline Grayen - 06/03/2006 17:21
Avatar van Grayen PHP ver gevorderde misschien bij die 2 die minder groot zijn en niet meerekken height="100% doen?
Offline klostpret - 06/03/2006 17:51 (laatste wijziging 07/03/2006 16:11)
Avatar van klostpret HTML interesse Helaas blijkt dit niet te werken.

Hier de class:
  1. #frame {
  2. width:766px;
  3. margin-right:auto;
  4. margin-left:auto;
  5. padding:0px;
  6. text-align:left;
  7. }
  8. #contentleft {
  9. width:170px;
  10. padding:0 5px;
  11. margin-top: 0px;
  12. float:left;
  13. }
  14. #contentcenter {
  15. width:380px;
  16. padding: 0 10px;
  17. float:left;
  18. margin-left: 3px;
  19. margin-right: 3px;
  20. margin-bottom: 0px;
  21. }
  22. #contentright {
  23. width:166px;
  24. padding:0 5px;
  25. margin-top: 0px;
  26. float:left;
  27. margin-bottom: 0px;
  28. }
  29. #contentheader {
  30. margin: 0;
  31. padding: 26px;
  32. }
  33.  
  34. #footer{
  35. margin-right:auto;
  36. margin-left:auto;
  37. padding: 0px;
  38. width: 757px;
  39. margin-top: 0px;
  40. }


#frame is de container van Contentleft (menu), Contentcentre (content) en Contentright (menu)

De DIV's zijn alleen meer <div class="x">bla</div>

EDIT: nog steeds niet opgelost. Heeft iemand dit probleem eerder gehad?
Offline Wijnand - 07/03/2006 16:15
Avatar van Wijnand Moderator Ik denk dat

#footer{
clear: both;
margin-right:auto;
margin-left:auto;
padding: 0px;
width: 757px;
margin-top: 0px;
}

voldoende zou moeten zijn.
Offline klostpret - 07/03/2006 16:58
Avatar van klostpret HTML interesse Ook dat werkt niet.
het staat op http://klostpret.no-ip.com/log
Offline timo - 07/03/2006 17:15
Avatar van timo PHP ver gevorderde als je #naamvandiv gebruikt moet je doen id="naamvandiv", met .naamvandiv (niet gebruiken voor div's) declareer je een clas... met # een id...
Offline klostpret - 07/03/2006 17:16 (laatste wijziging 08/03/2006 17:07)
Avatar van klostpret HTML interesse Dank je. Dat heb ik veranderd. Alleen, aan de opmaak is het niet te zien. Nog steeds niet goed dus.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.185s