login  Naam:   Wachtwoord: 
Registreer je!
 Forum

CSS indeling (Opgelost)

Offline DrB - 26/06/2007 11:23 (laatste wijziging 26/06/2007 11:23)
Avatar van DrBHTML interesse Hey,

Ik kom even niet uit een CSS indeling. Normaal gesproken werk ik met het Float atribuut, maar moet hier denk ik met absolute en relative gaan werken?

Wat ik wil bereiken:

http://img511.imageshack.us/img511/188/cssnf7.jpg

Ik heb nu bij elke Div, gewoon float:left; staan. Float:right bij Div 3 werkt ook niet.

7 antwoorden

Gesponsorde links
Offline Soebam - 26/06/2007 11:25
Avatar van Soebam HTML ver gevorderde Div 1 en 2 moeten idd een float: left; krijgen, div drie kan je gewoon margin-left geven volgens mij?
Offline DrB - 26/06/2007 11:28 (laatste wijziging 26/06/2007 11:30)
Avatar van DrB HTML interesse Nope dat gaat niet werken en volgens mij is het ook niet netjes om en div een margin waarde mee te geven.
Offline Xan - 26/06/2007 11:35
Avatar van Xan HTML interesse margin zijn er juist voor div's, dit is er om alles makkelijker te positioneren. Padding en Margin gebruik ik altijd voor een div, het werkt een stuk prettiger
Offline DrB - 26/06/2007 12:01
Avatar van DrB HTML interesse Naja maakt in principe niet uit, het probleem is dat het nog niet lukt om het naast elkaar te krijgen.
Offline Soebam - 26/06/2007 13:19
Avatar van Soebam HTML ver gevorderde
  1. <div id="container">
  2. <div id="links">
  3. <div id="een">1</div>
  4. <div id="twee">2</div>
  5. </div>
  6. <div id="rechts">3</div>
  7. </div>


  1. *
  2. {
  3. padding: 0px;
  4. margin: 0px;
  5. font-family: Arial, Helvetica, sans-serif;
  6. font-size: 36px;
  7. font-weight: bold;
  8. }
  9.  
  10. #container
  11. {
  12. width: 520px;
  13. }
  14.  
  15. #links
  16. {
  17. width: 200px;
  18. float: left;
  19. }
  20.  
  21. #een
  22. {
  23. width: 200px;
  24. height: 200px;
  25. background-color: #ff9900;
  26. margin-bottom: 20px;
  27. }
  28.  
  29. #twee
  30. {
  31. width: 200px;
  32. height: 200px;
  33. background-color: #006666;
  34. }
  35.  
  36. #rechts
  37. {
  38. width: 300px;
  39. height: 420px;
  40. float: right;
  41. background-color: #ddffff;
  42. }
Offline DrB - 26/06/2007 15:18 (laatste wijziging 26/06/2007 15:26)
Avatar van DrB HTML interesse Je code werkt nu inderaad, bedankt man ;)
Offline Soebam - 27/06/2007 00:52
Avatar van Soebam HTML ver gevorderde yw 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.253s