Archief - Element centreren
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Xavez
Legacy Member
profound zei:
Dat is een erg vage stelling waar ik wel eens bewijs van wil zien
. 9/10 kansen lag het aan de rest van je CSS code of zat je in quirksmode (which is not a good sign)... Ofwel had je geen breedte gedefinieerd voor je div--in welk geval centreren via automatische marges uiteraard niet gaat.profound
Legacy Member
Xavez zei:Dat is een erg vage stelling waar ik wel eens bewijs van wil zien
Het zou misschien wel kunnen dat het aan andere gedeeltes van men code lag (waarschijnlijk niet, maar bon
), maar het was IE6, I didn't give a fuck, en trok er mij dus niet echt veel van aan.lol @ quircks mode btw.
dJeez
Legacy Member
Als je code valid is (en een goed DOCTYPE heeft) dan zal IE6 ze normaalgezien correct renderen. Scheelt er ergens iets dan valt die terug op zijn verkeerde CSS box model (aka quirksmode) en zal dus ook sowieso verkeerd renderen. Als ik mij niet vergis kon je ergens op de MS site een lijstje vinden met een overzicht van de DOCTYPEs waarbij IE6 terugviel op quirksmode en DOCTYPEs die (indien valid) renderen als standard (compliant) mode, of anders staat dat misschien op quirksmode.org...
rumble
Legacy Member
makkelijkste en meeste aanvaarde manier :
1. Maak een container element (div, span)
2. Hetgeen ge wilt centreren daarin
3. Zet container CSS op : margin: 0 auto;
4. Profit
Voorbeeldje :
HTML:
CSS:
1. Maak een container element (div, span)
2. Hetgeen ge wilt centreren daarin
3. Zet container CSS op : margin: 0 auto;
4. Profit
Voorbeeldje :
HTML:
Code:
<body>
<div id="wrap">
<div id="myElement">dit is gecentreerd</div>
</div>
</body>CSS:
Code:
#wrap { margin: 0 auto; }
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.