hoe krijg ik dit horizontaal in het midden
Dat is niet wat Johan als oplossing aangeeft...
Wat natuurlijk ook kan zijn is dat je je website verticaal wilt centreren?
Kijk hier maar eens naar: http://d-graff.de/fricca/center.html
Wanneer je geen width aan geeft, word er uit gegaan van 100%.
Dus kan je deze div niet centreren, omdat hij 100% van de andere div pakt.
Wat je wel kan doen is de div die er om heen staat een width mee te geven, als dat kan. En deze dan centreren, dmv: margin-left:auto;margin-right:auto; .
Als je iets niet kunt coderen, omdat anders je design in de war raakt, is het een design fout, en geen coderings fout. Ga eerst na als je het wel kan coderen voordat je een definitief layout maakt. Maak stukjes layout en test het met codering. Als je dit niet lukt kan je het makkelijker aanpassen dan wanneer je een compleet design hebt. Deze zijn vaak moeilijker om aan te passen.
Kijk hier een online voorbeeld van mijn tip over de divs:
http://82.72.30.213/PHPHulp/Centreren%20Div%20Horizontaal/
Stefan:
Waarom je een div zonder width in een div niet kan centreren:
Wanneer je geen width aan geeft, word er uit gegaan van 100%.
Dus kan je deze div niet centreren, omdat hij 100% van de andere div pakt.
Wat je wel kan doen is de div die er om heen staat een width mee te geven, als dat kan. En deze dan centreren, dmv: margin-left:auto;margin-right:auto; .
Als je iets niet kunt coderen, omdat anders je design in de war raakt, is het een design fout, en geen coderings fout. Ga eerst na als je het wel kan coderen voordat je een definitief layout maakt. Maak stukjes layout en test het met codering. Als je dit niet lukt kan je het makkelijker aanpassen dan wanneer je een compleet design hebt. Deze zijn vaak moeilijker om aan te passen.
Kijk hier een online voorbeeld van mijn tip over de divs:
http://82.72.30.213/PHPHulp/Centreren%20Div%20Horizontaal/
Wanneer je geen width aan geeft, word er uit gegaan van 100%.
Dus kan je deze div niet centreren, omdat hij 100% van de andere div pakt.
Wat je wel kan doen is de div die er om heen staat een width mee te geven, als dat kan. En deze dan centreren, dmv: margin-left:auto;margin-right:auto; .
Als je iets niet kunt coderen, omdat anders je design in de war raakt, is het een design fout, en geen coderings fout. Ga eerst na als je het wel kan coderen voordat je een definitief layout maakt. Maak stukjes layout en test het met codering. Als je dit niet lukt kan je het makkelijker aanpassen dan wanneer je een compleet design hebt. Deze zijn vaak moeilijker om aan te passen.
Kijk hier een online voorbeeld van mijn tip over de divs:
http://82.72.30.213/PHPHulp/Centreren%20Div%20Horizontaal/
Over het algemeen is een div in het midden plaatsen, het makkelijkste wat er is. 90% van alle sites gebruikt een container div of een wrapper div. Deze heeft een breedte en margin: 0 auto;. Dus als je dat al moeilijk vind, gaat geen 1 design het worden.
CSS:
html, body {
height:100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin-top: 0px;
margin-bottom: 0px;
background-color: #FFFFFF;
}
#container {
width: 1000px;
min-height: 100%;
height: auto !important;
height: 100%;
margin-top: 8px;
margin-right: auto;
margin-left: auto;
}
HTML:
<div id="container">
HIER TUSSEN DE DIV's van je website.
</div>
Als je dat echter doet wordt 't gecentreerd, maar dan ook onder elkaar... of doe ik iets fout?