login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Twee kolommen met footer

Offline JoDe - 29/07/2016 22:00
Avatar van JoDeLid Beste mensen,

Ik geraak er niet aan uit.

Ik probeer een website met links een menu en rechts de content te maken en dan nog een footer.

De kolommen zijn wel netjes uitgelijnd, maar de kolom voor het menu staat nog steeds boven de recter kolom. Dus ik heb een soort van trap! :-(

De CSS-code die ik gebruik is hieronder te vinden. Is er iemand die kan helpen?

Alvast bedankt!
Groejtes, Jorsy ||| PS: Ik ben blind, dus het is niet makkelijk om dit voor elkaar te krijgen!!!!!


  1. body, html {
  2. padding: 0;
  3. margin: 0;
  4. background-color: white;
  5. color: black;
  6. }
  7.  
  8. #container {
  9. width: 100%;
  10. margin: 0 auto;
  11. }
  12.  
  13. #menu {
  14. border: 1px solid gray;
  15. float:left;
  16. width:20%;
  17. height:95%;
  18. font-size:14pt;
  19. }
  20.  
  21. #footer {
  22. clear:both;
  23. border: 1px solid gray;
  24. width:100%;
  25. height:5%;
  26. font-size:6pt;
  27. }
  28.  
  29. #body {
  30. border:1px solid gray;
  31. float:right;
  32. width:80%;
  33. height:95%;
  34. font-size:14pt;
  35. }


De html-code doet er niet toe, alleen: een hekje # is toch om id's te benaderen hé?!

1 antwoord

Gesponsorde links
Offline Thomas - 30/07/2016 15:52
Avatar van Thomas Moderator
Citaat:
De html-code doet er niet toe

Dit is niet helemaal waar - vaak is dit (CSS-code) slechts de helft van de puzzel.

In dit geval is het volgens mij niet zo lastig - de afmetingen van de borders worden opgeteld bij de afmetingen van de divs, hierdoor gaan de gefloate divs over 100% breedte heen, wat erin resulteert dat de floats onder elkaar komen te staan. Dit is standaard gedrag voor gefloate divs: indien er geen ruimte meer is om deze naast elkaar te zetten komen ze onder elkaar te staan.
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.17s