login  Naam:   Wachtwoord: 
Registreer je!
 Forum

[opgelost]Div centreren

Offline Mister - 03/12/2006 10:35 (laatste wijziging 03/12/2006 11:49)
Avatar van MisterHTML interesse Ik zou een graag een div centreren op mijn pagina, maar weet niet hoe het moet, Ik heb al geprobeerd om margin-left en margin-right op auto te zetten, maar dat werkt niet echt, weet iemand hoe dit moet?

, alvast heel hard bedankt

8 antwoorden

Gesponsorde links
Offline DenMette - 03/12/2006 10:56
Avatar van DenMette PHP gevorderde
php code - Bekijk de code zonder highlighting - Klap code in 
  1. #scroll {
  2.   background-color: #FFF;
  3.   width:300px;
  4.   margin: 0 auto;
  5.   height:200px;
  6.   border: 2px solid #ccc;
  7. }


<div id="scroll"></div>

zo zou het moeten werken
Offline Mister - 03/12/2006 11:00 (laatste wijziging 03/12/2006 11:01)
Avatar van Mister HTML interesse Ik heb dan alleen die
php code - Bekijk de code zonder highlighting - Klap code in 
  1. margin: 0 auto;

nodig denk ik, maar dit werkt toch ook niet...

dit is de code die ik nu heb, en dit is de div die ik gecentreerd moet hebben...
php code - Bekijk de code zonder highlighting - Klap code in 
  2. 	position: absolute;
  3. 	top: 0px;
  4. 	margin: 0 auto;
  5. }
Offline DenMette - 03/12/2006 11:06
Avatar van DenMette PHP gevorderde ik hoop dat je weet dat jij
<div class="header"></div>
moet gebruiken.

top: 0px; mag je weg laten.
Offline Xfader - 03/12/2006 11:07
Avatar van Xfader Lid
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <center><div class="scroll"></div></center>


?
Offline Mister - 03/12/2006 11:08 (laatste wijziging 03/12/2006 11:15)
Avatar van Mister HTML interesse dit is men html...
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div class="header"><img src="header2.png" alt="ref.robvloemans"></div>


Citaat:
<center><div class="scroll"></div></center>

deze werkt, bedankt... En hij is valid, toppie...
alleen staat hij nu niet maar tegen de top  
Offline DenMette - 03/12/2006 11:26 (laatste wijziging 03/12/2006 11:27)
Avatar van DenMette PHP gevorderde Css Code
php code - Bekijk de code zonder highlighting - Klap code in 
  1. body{
  2.   margin: 0px;
  3. }
  5.   width: 100px;
  6.   margin: 0 auto;
  7. }


HTML code
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div class="header"><img src="header2.png" alt="ref.robvloemans"></div>


Dit lukt in IE en FF dus de andere browser zal het ook wel lukken.

Even nog een vraagje. Moet de div gecentreed worden of de text in de div?
Offline Mister - 03/12/2006 11:48
Avatar van Mister HTML interesse de div, maar het is al opgelost...

bedankt
Offline Ultimatum - 03/12/2006 11:56
Avatar van Ultimatum PHP expert als je het in css wilt doen kan je:

margin-left: auto;
margin-right: auto;

late toevoeging maar <center></center> (vind ik) kan je beter niet gebruiken als je toch helemaal met css werkt 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.235s