Стварэнне цвёрдага загалоўка колеру з цэнтрам DIV ўнутры

Вось што я і дамагаюся, працуе 100% правільна Firefox 7 .

enter image description here

Калі я адкрываю яго ў IE 8 , ён паказвае, як гэта:

enter image description here

Вось асноўная схема:

<div id="header-home">
    <div id="header-content">
    </div>
</div>

З усімі элементамі ўнутры элемента # загаловак-кантэнту .

Вось адпаведны HTML і CSS, размешчаны на JSFiddle. Калі расцягнуць панэль папярэдняга прагляду вы ўбачыце змесціва правільна сканцэнтраваны на Firefox.

http://jsfiddle.net/stapiagutierrez/agURs/

Чаму IE ня цэнтраванне DIV, як гэта вынікае?

0
@AlexeyIvanov Увесь код знаходзіцца ў спасылцы JSFiddle. Я заўважыў, што я адсутнічае доктайп. Што я павінен выкарыстоўваць тое? Чаму IE так finnicky! :(
дададзена аўтар Only Bolivian Here, крыніца
Здаецца, праблема была ў мяне не хапала Doctype. Пакладзеце яго ў якасці адказу, і я прымаю яго. Дзякуй за ваш час!
дададзена аўтар Only Bolivian Here, крыніца
Ці можаце вы паказаць нам поўны код? Адна з магчымых прычын, чаму «маржа: аўто» не працуюць у тым, што вы не маеце доктайпа або маеце няправільны.
дададзена аўтар Alexey Ivanov, крыніца
Ну, вы карыстаецеся XHTML, таму я дадаў адзін да XHTML JSFiddle. Паспрабуйце з гэтым: jsfiddle.net/agURs/1
дададзена аўтар Alexey Ivanov, крыніца
Калі ласка. :)
дададзена аўтар Alexey Ivanov, крыніца

2 адказы

IE падае зваротна ў рэжыме сумяшчальнасці, калі вы не маеце доктайп ў вашым HTML. І ў дзівацтвы маржа аўтаматычнага рэжыму; не працуе.

Даданне доктайпа можа вырашыць.

Права доктайп і загаловак для XHTML (так XML-чытачы могуць зразумець, што гэта xml і можа разабраць яго) з'яўляецца:

<?xml version="1" encoding="UTF-8"?>

Але калі змясціць XML-радок перад DOCTYPE лініі, IE не будзе прымаць яго (як ён думае, што доктайп заўсёды першы радок дакумента). Такім чынам, каб прымусіць яго працаваць у IE, вы павінны напісаць:


<?xml version="1" encoding="UTF-8"?>

ці проста:


1
дададзена

Паспрабуйце пакласці маржа: 0 аўто у # загаловак-кантэнту .

0
дададзена