login  Naam:   Wachtwoord: 
Registreer je!
 Forum

3 div's naast elkaar

Offline copyfile - 27/12/2006 22:29
Avatar van copyfileNieuw lid Ik heb de volgende code waarmee ik hoopte dat ik 3 div's naast elkaar zou krijgen, die dan tegen elkaar aan in het midden komen de staan. Het probleem is alleen nu dat hij ten eerst links komst te staan en niet in het midden. En ten tweede hij zet 1en2 tegen elkaar. Maar 3 staat 1 regel eronder net iets verder rechts dan waar hij eigenlijk tegen 1en2 aan zou moeten komen, maar dan een regel omhoog. Weet iemand wat ik fout doe ?

Alvast bedankt !!

  1. <style type="text/css">
  2. div.container {
  3. width: 800px;
  4. padding: 0px;
  5.  
  6. }
  7.  
  8. div.float1 {
  9. text-align: center;
  10. border: 1px solid #000000;
  11. width: 25px;
  12. margin: 0px;
  13. padding: 0px;
  14. float: left;
  15. }
  16. div.float2 {
  17. text-align: center;
  18. border: 1px solid #000000;
  19. width: 750px;
  20. margin: 0px;
  21. padding: 0px;
  22. float: center;
  23. }
  24. div.float3 {
  25. text-align: center;
  26. border: 1px solid #000000;
  27. width: 25px;
  28. margin: 0px;
  29. padding: 0px;
  30. float: right;
  31. }
  32.  
  33. </style></head>
  34.  
  35. <body>
  36.  
  37. <div class="container">
  38. <div class="float1">1</div>
  39. <div class="float2">2</div>
  40. <div class="float3">3</div>
  41. </div>
  42. </body>
  43. </html>

5 antwoorden

Gesponsorde links
Offline vinTage - 27/12/2006 22:31
Avatar van vinTage Nieuw lid maak eens 3 divs met gewoon een float:left;
Dan staan ze gewoon tegen elkaar.

Hoe je moet centreren weet ik zo snel niet, maar toch iets met een "auto" margin oid.
Offline copyfile - 27/12/2006 22:44
Avatar van copyfile Nieuw lid Zoals je zegt staan de div'jes inderdaad naast elkaar ! Thanks. Alleen dat centreren van het geheel wil nog niet helemaal werken.
Offline Ibrahim - 27/12/2006 22:49 (laatste wijziging 27/12/2006 22:52)
Avatar van Ibrahim PHP expert een nieuwe div aanmaken die je dan om je andere divjes zet met margin-left: helft van pagina is een oplossing

andere oplossing:
http://www.andy.../index.php
Offline Xan - 27/12/2006 22:56
Avatar van Xan HTML interesse div centreren is:

  1. margin:0px auto;
Offline copyfile - 27/12/2006 22:57 (laatste wijziging 27/12/2006 23:07)
Avatar van copyfile Nieuw lid het is gelukt met margin:0px auto; ! Thanks

Toch nog ineens een vraagje. De gehele container is nu maar een paar pixels hoog. Hoe zorg ik ervoor dat deze 100% hoog wordt ? Want ik heb al in de body staan dag height 100% is maar dit is niet genoeg.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.198s