login  Naam:   Wachtwoord: 
Registreer je!
 Forum

container centreren

Offline Pellens - 09/12/2008 18:09
Avatar van PellensPHP interesse Hi

ik gebruik de volgende code om mijn div #container te centreren
css code - Bekijk de code zonder highlighting - Klap code in 
  1. #container {
  2.   width:800px;
  3.   left:50%;
  4.   margin-left:-400px;
  5.   position:absolute;
  6. }


Het werkt, MAAR als men de pagina bekijkt op een scherm(resolutie) die kleiner is dan 800px, dan verdwijnt links de container, zonder dat een nodige schuifbalk hiervoor beschikbaar is...

Een voorbeeld: Voorbeeldwebsite. Verklein je venster eens, zodat niet heel de website er meer getoond wordt... Zie je het?  

Hoe los je dat op?

3 antwoorden

Gesponsorde links
Offline Erwt - 09/12/2008 18:15
Avatar van Erwt PHP beginner Wat ik altijd doe, weet niet of het goed is:

body geef je text-align: center;

je div geef je margin: 0 auto; en ook geef je die div een breedte en hoogte.
Offline Martijn2008 - 09/12/2008 18:16 (laatste wijziging 09/12/2008 18:18)
Avatar van Martijn2008 PHP beginner Probeer eens dit...
php code - Bekijk de code zonder highlighting - Klap code in 
  1. #container
  2. {
  3. 	width: 800px;
  4. 	margin-left: auto;
  5. 	margin-right: auto;
  6. }


P.s. Volgens mij geef je jou container altijd nog eerst position: relative; mee. De elementen daarbinnen geef je position: absolute;. Succes!
Offline Martijn - 09/12/2008 18:35 (laatste wijziging 09/12/2008 18:35)
Avatar van Martijn Crew PHP
php code - Bekijk de code zonder highlighting - Klap code in 
  1. margin: 0px auto;


en je body,html een width van 100% geven
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.223s