Ik heb nu staan:
div#center
{
float: left;
margin: 0 0 0 5px;
}
alleen, ik wil dat hij precies gecenterd wordt, maar dit lukt niet, kan iemand mij hiermee helpen?
margin: auto; is voor centreren. Zorg voor een goede Doctype anders werkt het niet in Internet Explorer.
Horizontaal centreren doe je door margin: 0 auto; en een width in te stellen. Als je hem verticaal en horizontaal wilt centreren moet je eens hiernaar kijken:
http://d-graff.de/fricca/center.htmlhij staat nu in het midden, alleen nu heb ik er een ander probleempje mee, waardoor ik hem misschien toch het liefste 40 % in het midden wil hebben vanuit de linkerkant te zien. Is dit ook mogelijk?
margin-left: 40%; ? Wel zorgen dat je ergens hebt staan dat de parent van die div 100% breedte heeft van de volledige pagina.
Dillen, dat zal waarschijnlijk niet werken. Want dan is de ruimte van de div tot aan de linkerkant 40%, en dan is hij niet 40% gecentreerd. Om het punt van 40% in het midden te krijgen, dus 40% vanaf de linkerkant van de pagina tot aan het midden van de div, moet je position: absolute; left: -[helft van de div]; gebruiken:
Code (php)
1
2
3
4
5
6
7
div
{
width: 200px;
position: absolute;
left: -100px;
}
@Wouter Inderdaad ik heb niet alles er neergezet wat ik bedoelde dus bijv:
Code (php)
1
2
3
4
div {
margin-left: 40%;
width: 20%;
}
Waardoor 2x marginLeft (40 x 2 = 80%) + 20% width uitkomt op: 100%
Jou manier klopt toch niet helemaal, of ik begrijp het verkeerd. Kijk maar eens naar mijn voorbeeldje:
http://waldio.webatu.com/CSS/center.html
Hierop zie je dat center precies op 50% is gecentreerd. Mijn methode is op 40% gecentreerd en die van jou is op 25% gecentreerd.
Laat maar ik ben nu helemaal mislukt bezig, bij het voorbeeld van mij (met dus 20% width) krijg je een div gewoon gecenstreerd. Toch snap ik het volgende niet: "left: -5%;position:relative;" <- Dan kan je CSS net zo goed zo worden:
(Getest en werkt) of zie ik dat fout?
Ja, dat zou inderdaad ook kunnen. Toch zou ik zelf de eerste manier gebruiken. Want dan snap je de redenatie achter de code, je snapt dat het 40% tot aan de zijkant is en dus -de helft om het vanaf het midden te doen.
En daarnaast nog een heel belangrijk iets, ik heb in mijn voorbeeld gebruik gemaakt van width: 10%; maar in 99% van de gevallen dat iets gecentreerd wordt is het een vaste width. Dan kan het niet meer op jou manier. (40% - 100px = ??)
Ok, duidelijk. En idd dat wil niet =)
Tijden veranderen
