margin 0 auto werkt niet
Sinds korte tijd ga ik naar school voor Applicatie en Media ontwikkelen. Nu heb ik diverse nieuwe dingen geleerd over HTML en CSS waaronder dat margin: 0 auto; een bepaald gedeelte centreerd.
In google chrome werkt het prima, maar waarom niet in Internet Explorer 9?
Toevoeging op 21/02/2013 19:17:04:
Ik heb een wrapper een width van 1100px gegeven met een margin: 0 auto;
chrome heeft hier geen problemen mee maar internet explorer zo veel...
de doctype voor html is:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
en staat op de eerste regel van je document
Tegenwoordig hoef je niet meer heel die regel te plaatsen met
Code (php)
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Maar is alleen dit al genoeg. W3C heeft dat lekker eenvoudig voor ons gemaakt :)
Code (php)
1
<!DOCTYPE HTML>
die update heb ik dan gemist, scheelt weer :)
Cyvan, browsers lezen altijd al alleen het <!doctype html> stukje van het doctype, al die andere URIs zijn troep die W3C nodig vind. Sinds HTML5 geeft W3C dat eindelijk toe en dat scheelt ons weer een hoop typ en onthoud werk.
Vervolgens is de vraag van de TS waarom margin: 0 auto; niet werkt. Dat gaat hij echt niet oplossen door HTML5boilerplate te gebruiken, want die gaat dit probleem echt niet oplossen. Margin: 0 auto; is namelijk iets dat in elk browser werkt, mogelijk heeft de TS dus ergens in zijn CSS iets staan waardoor het niet helemaal goed werkt (denk aan een clear of een float).
Daarnaast is jouw antwoord hetzelfde als die standaard antwoorden bij JS vragen: "Gebruik maar jQuery", "Heb je al naar jQuery gekeken?", "WTF waarom gebruik je nog raw JS?".