login  Naam:   Wachtwoord: 
Registreer je!
 Forum

DIV centreren

Offline Lino - 06/10/2007 15:24
Avatar van LinoNieuw lid Hoe kan ik maken dat de met de codes hieronder alles gecentreerd zet en dat de menu en tekst mooi onder de header staan?

css code - Bekijk de code zonder highlighting - Klap code in 
  1. .header {
  2. margin: 20px;
  3. padding: 10px;
  4. height: 100px;
  5. width: 836px;
  6. }
  7.  
  8. .menu {
  9. position: absolute;
  10. left: 15px;
  11. top: 160px;
  12. width: 100px;
  13. }
  14.  
  15. .content {
  16. top: 0;
  17. margin-left: 200px;
  18. margin-right: 15px;
  19. }


alvast bedankt!

9 antwoorden

Gesponsorde links
Offline tbsites - 06/10/2007 15:25
Avatar van tbsites Onbekend align: center;
Offline bennieboy - 07/10/2007 01:27
Avatar van bennieboy HTML beginner je kan best een layer maken waar al die stukjes in komen te staan. zo ben je altijd zeker van de positie. groetjes
Offline Basman - 08/10/2007 16:00
Avatar van Basman Nieuw lid Het beste kun je alles dan, net als bennieboy zegt, in een div plaatsen en deze div centreren.

De div moet je dan de volgende code meegeven om em te centreren:

css code - Bekijk de code zonder highlighting - Klap code in 
  1. #naam_van_je_div {
  2. 	display: block;
  3. 	margin: 0 auto;
  4. 	position: relative;
  5.  
  6. }
Offline DrB - 08/10/2007 18:13
Avatar van DrB HTML interesse Je kan natuurlijk ook gewoon je body aanpassen.

Voorbeeld code:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. html {
  2. 	margin: 0;
  3. 	padding: 0;
  4. 	border: 0;
  5. 	background: url(../img/bg.gif);
  6. 	background-repeat:repeat-x;
  7. 	background-color:#ffffff;
  8. 	text-align: left;
  9. }
  10. * html body { height: 100%; }
  11.  
  12. body {
  13. 	margin: 0 auto;
  14. 	width: 950px;
  15. 	font-family: "Verdana", Trebuchet MS, Arial, Tahoma;
  16. 	font-size: 11px;
  17. 	color: #272321;
  18. }
Offline citroen - 08/10/2007 18:15
Avatar van citroen Onbekend html en body zijn 2 containers die standaard door de browser gebruikt worden. Ik raad het niet aan om daar een vaste breedte aan te geven, niet elke browser is daar mee gesteld...
Offline DrB - 08/10/2007 18:54
Avatar van DrB HTML interesse Ach in IE 6, 7 , firefox en safiri werkt het prima. Dus waar hebben we het dan nog over ;)
Offline citroen - 08/10/2007 18:55
Avatar van citroen Onbekend de andere 100 browsers die nog gebruikt worden door mensen...
Offline DrB - 08/10/2007 20:07
Avatar van DrB HTML interesse Wat een onzin citroen... IE 6, 7 en Firefox en Safari zijn de meest gebruikte. Ik weet niet waar je jouw 100 browsers vandaan haalt. In ieder geval.. laat ff weten of het gelukt is Lino.
Offline citroen - 08/10/2007 20:10
Avatar van citroen Onbekend http://en.wikipedia.org/wiki/List_of_web_browsers Tuurlijk zijn dat de meeste gebruikte, maar daarom nog niet de enige!
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.214s