aan alle goede dingen komt een eind, webmasterplein.net 2003 - 2013
wij danken jullie voor al mooie momenten die dankzij dit forum ontstonden - Derk, Rutger en Stef

CSS layout center middle

Het echte opmaakwerk, alles vragen over HTMLen, CSSen en Javascripten.

CSS layout center middle

Berichtdoor questions » 02 apr 2013 12:02

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;
}
questions
wmpr
 
Berichten: 6
Geregistreerd: 01 apr 2013 19:03
Woonplaats: Smilde

Re: CSS layout center middle

Berichtdoor Stef » 14 apr 2013 13:02

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!
Avatar gebruiker
Stef
wmpr
 
Berichten: 5575
Geregistreerd: 27 nov 2003 21:51

Re: CSS layout center middle

Berichtdoor questions » 15 apr 2013 12:45

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).
questions
wmpr
 
Berichten: 6
Geregistreerd: 01 apr 2013 19:03
Woonplaats: Smilde

Re: CSS layout center middle

Berichtdoor FrankC » 02 mei 2013 11:59

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.
Hoe: IE te adresseren in, te Positioneren in, te Centreren in, een Gefixeerde Footer te maken met, en een Drop-down/Fly-out-Menu te maken met CSS: Website Laten Maken Amsterdam.
FrankC
wmpr
 
Berichten: 9
Geregistreerd: 13 sep 2011 20:58
Woonplaats: Amsterdam

Re: CSS layout center middle

Berichtdoor angela25 » 10 jun 2013 13:14

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.
angela25
wmpr
 
Berichten: 2
Geregistreerd: 07 jun 2013 09:29


Keer terug naar HTML, CSS, Javascript



cron