Pagina 1 van 1

CSS layout center middle

BerichtGeplaatst: 02 apr 2013 12:02
door questions
Hello, ik heb een layout in css die heb ik gecentreerd, maar nu wil ik dat die layout op elk scherm (resolutie) in het midden van het scherm staat. Zoiets als valign="middle" hoe los ik dat op in css ?
Bij voorbaat dank 8-)
css
Code: Selecteer alles
* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
#wrapper {
 margin: 10px auto;
 width: 1020px;
}
#header {
 width: 1020px;
 color: #333;
 padding: 0px;
 border: 0px;
 height: 35px;
 margin: 0px 0px 0px 0px;
 background: #000000;
}
#content {
 width: 1020px;
 color: #333;
 border: 0px;
 margin: 0 auto;
 padding: 0px;
 height: 590px;
}
#footer {
 width: 1020px;
 color: #333;
 border: 0px;
 background: #000000;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 25px;
}

Re: CSS layout center middle

BerichtGeplaatst: 14 apr 2013 13:02
door Stef
Kijk eens hier:
http://www.websonic.nl/tutorials/websit ... treren.php

Kijk naar jouw CSS-code zul je aan #wrapper een vaste hoogte moeten geven en dan moet het werken met behulp van bovenstaande uitleg.

Succes!

Re: CSS layout center middle

BerichtGeplaatst: 15 apr 2013 12:45
door questions
Stom van mij met die hoogte van die wrapper, lijkt nu wel te lukken met die link erbij, thanks :}
Ik ben nog van de generatie tabellen, dat CSS lijkt makkelijk, maar wat kom je toch steeds weer nieuwe problemen tegen grrrr. Elke keer als ik denk dat ik het snap gaat er weer wat mis.
Zo was het plan om in een div een afbeelding te doen (in het main gedeelte) dat lukt ook, maar als ik dan ook tekst wil in dat gedeelte kan ik dat verder niet uitlijnen. Dus dacht ik slim te zijn en in een div een div te doen zodat ik de tekst bijv 50 px van links kan plaatsen, maar het lukt allemaal niet.
Oorzaak toch nog te weinig kennis van CSS en vooral het box model en ik heb te weinig geduld, en te veel met CMS aan de gang (dat is het ook niet helemaal tenzij je zelf hele mooie themes kan maken vind ik).

Re: CSS layout center middle

BerichtGeplaatst: 02 mei 2013 11:59
door FrankC
Kijk eens op deze pagina met (5) tutorials. Er staat ook een tut op over verticaal centreren, die alle methodes behandelt. Het is wellicht nodig dat je voorafgaand daaraan een beginnerscursus CSS doet, maar daar kom je vanzelf wel achter.

Re: CSS layout center middle

BerichtGeplaatst: 10 jun 2013 13:14
door angela25
mhhh wat gebeurt er als je een margin meegeeft van auto auto, wanneer je de height bijvoorbeeld een vaste waarde meegeeft? Ik heb het eigenlijk nog nooit geprobeerd, ik wil altijd alleen mijn wrapper verticaal in het midden hebben staan, horizontaal heb ik altijd op 0.