login  Naam:   Wachtwoord: 
Registreer je!
 Forum

center in CSS (Opgelost)

Offline voltrex - 18/03/2009 15:17 (laatste wijziging 18/03/2009 19:16)
Avatar van voltrexLid Nu vraag ik me al een tijdje af hoe je iets 'centert' in CSS. Nu heb ik al bijna alles geprobeerd waar ik maar aan kan denken. (Niet tekst centeren maar een div centeren).

Voltrex


EDIT: Deze 'div' moet in het midden:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. #maincontainer {
  2. 	MARGIN-left: 0px auto;
  3. 	MARGIN-right: 0px auto;
  4. 	OVERFLOW: hidden;
  5. 	WIDTH: 910px;
  6. 	HEIGHT: auto;
  7. 	BACKGROUND-COLOR: #ffffff;
  8. 	border-left: #B9B9B9 1px solid;
  9. 	border-right: #B9B9B9 1px solid;
  10. }


En wil je het weten, deze gebruik ik dan weer in mijn HTML document:
html code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="maincontainer">

  2. Dit staat dus (zie ik aan de borders) niet in het midden....</div>

5 antwoorden

Gesponsorde links
Offline Ultimatum - 18/03/2009 15:18
Avatar van Ultimatum PHP expert geef de div een breedte en dan margin: 0px auto op dat div element. Dan zou de div in het midden moeten staan.
Offline Ontani - 18/03/2009 15:18
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 De div is verplicht een breedte te hebben. Als dat al het geval zou zijn kan je de margin-left en margin-right op auto zetten.
Offline voltrex - 18/03/2009 15:20 (laatste wijziging 18/03/2009 15:21)
Avatar van voltrex Lid @ Beide:
Deze dingen heb ik reeds geprobeerd, zonder effect. Dat vind ik juist het rare want ik dacht dat het ook zo moest...

EDIT: ik heb de code even in het eerste bericht geplaats.
Offline Ultimatum - 18/03/2009 15:25
Avatar van Ultimatum PHP expert Je combineert nou mijn antwoord, met die van Ontani, het is het 1 of het andere, niet combineren. En waarom heb je sommige woorden met hoofdletters?
css code - Bekijk de code zonder highlighting - Klap code in 
  1. #maincontainer {
  2.     margin: 0px auto;
  3.     OVERFLOW: hidden;
  4.     WIDTH: 910px;
  5.     HEIGHT: auto;
  6.     BACKGROUND-COLOR: #ffffff;
  7.     border-left: #B9B9B9 1px solid;
  8.     border-right: #B9B9B9 1px solid;
  9. }


of

css code - Bekijk de code zonder highlighting - Klap code in 
  1. #maincontainer {
  2.     MARGIN-left: auto;
  3.     MARGIN-right: auto;
  4.     OVERFLOW: hidden;
  5.     WIDTH: 910px;
  6.     HEIGHT: auto;
  7.     BACKGROUND-COLOR: #ffffff;
  8.     border-left: #B9B9B9 1px solid;
  9.     border-right: #B9B9B9 1px solid;
  10. }
Offline voltrex - 18/03/2009 15:26
Avatar van voltrex Lid Nu werkt het Maar ik had blijkbaar met de eerste (die had ik eerst) iets fout gedaan, want toen deed die het niet. Bedankt
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.177s