Я пытаюсь центрировать содержимое div таким образом, чтобы дисплей был корректным в IE 5,6,7 и 8, а также FF.Центрирование в IE5/6/7/8 и FF
<div id="YoutubeClip">
<h3>Subscribe on YouTube!</h3><br>
<ul class="gallery clearfix"><a href="http://www.someyoutubevideo.com" rel="prettyPhoto" title="Some youtube title"><img alt="some youtube title" src="youtube clip image" border="0"></a></ul>
Some youtube title
</div>
Мой CSS прост:
text-align: center
Как и ожидалось, это показывает изображение и текст с центром в FF.
В IE5 изображение выравнивается по левому краю. Текст также выравнивается по левому краю, только с одним словом на линии, как следующее:
Это
появляется
как
этого.
IE 6 имеет ту же проблему, что и выше.
IE 7, похоже, имеет ту же проблему, но когда я помещаю границу вокруг div, содержимое переполняет границу.
На дисплее отображается правильно в IE8
Любая помощь в этом было бы здорово. Я пытаюсь научиться CSS лучше, и я еще не смог понять тонкости этой проблемы.
Сообщение СМЧ, что вы использовали слишком, пожалуйста. –
Почему вы пытаетесь протестировать IE5? У вас есть серьезная причина для этого? – FelipeAls