login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Meerdere Div boxen centreren (Opgelost)

Offline rolandt - 24/02/2009 22:07 (laatste wijziging 24/02/2009 22:09)
Avatar van rolandtNieuw lid Hallo,

Weer een nieuw hoofdbreken.
Zie onderstaande code

  1. <div id="body_container">
  2. inhoud website
  3. <div id="footer">
  4. <div id="copyright">tekst 1</div>
  5. <div class="foot-noot">tekst 2</div>
  6. <div class="foot-noot">tekst 3</div>
  7. <div class="foot-noot">tekst 4</div>
  8. </div><!-- einde footer -->
  9. </div><!-- einde body_container -->


CSS code
  1. body {
  2. font-size:62.5%;
  3. text-align:center;
  4. }
  5.  
  6. div#body_container {
  7. margin:0 auto 0 auto;
  8. width:75%
  9. }
  10.  
  11. div#footer {
  12. color:#333333;
  13. clear:left;
  14. }
  15.  
  16. div#copyright {
  17. float:left;
  18. }
  19.  
  20. div.foot-noot {
  21. float:left;
  22. }


Nu wil ik graag de divjes die in <div id="footer"> staan gecentreerd hebben. Hoe doe ik dat?

Grt,
Roland.

4 antwoorden

Gesponsorde links
Offline henver - 24/02/2009 22:36
Avatar van henver HTML gevorderde
  1. div#footer {
  2. color:#333333;
  3. clear:left;
  4. text-align: center;
  5. }
Offline rolandt - 24/02/2009 22:48
Avatar van rolandt Nieuw lid Ondanks dat je de div footer een text-align:center mee geeft, worden alle divjes die in deze div footer geplaatst zijn links uitgelijnd.

Ook als ik de andere divjes een text-algin:center mee geef, wordt alles links uitgelijnd. Het lijkt er op de clear:left een dus danige invloed heeft dat hierna niks meer wordt aan getrokken van de opdracht text-align:center.

In ieders geval bedankt voor het mee denken.

Grt,
Roland.
Offline Giant - 25/02/2009 00:38 (laatste wijziging 25/02/2009 00:38)
Avatar van Giant PHP beginner dit komt doordat een div een "block" is...
(in css is dit
  1. display: block;
).
Wanneer je geen vaste breedte op kunt geven zal je deze dus moeten wijzigen.
Dit kan door:
  1. display: table;

mee te geven aan de divjes die in de footer staan
Offline MiST - 25/02/2009 02:05
Avatar van MiST Lid
  1. margin: 0px auto;


That'll do the trick ;) (should do in ieder geval )
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.19s