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

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  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
css code - Bekijk de code zonder highlighting - Klap code in 
  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
css code - Bekijk de code zonder highlighting - Klap code in 
  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
css code - Bekijk de code zonder highlighting - Klap code in 
  1. display: block;
).
Wanneer je geen vaste breedte op kunt geven zal je deze dus moeten wijzigen.
Dit kan door:
css code - Bekijk de code zonder highlighting - Klap code in 
  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
css code - Bekijk de code zonder highlighting - Klap code in 
  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.208s