Выравнивание текста внутри тега div не работает в IE6 или IE7

Question

У меня есть пара проблем с этим сайтом. На самом деле это мой недостаток навыков CSS, что является основной проблемой.

В любом случае, если вы перейдете на эту страницу: http://winteradagency.com/Arvin/lifestyle/lifestyle.htm, вы увидите, что в центральной части <div id="centerInc">Я хочу, чтобы какой-то текст (выровненный по правому и нижнему краю) был сверху изображения. Так что я использовал <p class="centerAlign3"> и еще один <p class="centerAlign2">, Все это прекрасно работает в Firefox и других, но не в IE6 или IE7.

Также фоновое изображение, которое занимает все окно браузера, выглядит хорошо в Firefox и других, но останавливается справа в IE6 и IE7.

Я думаю, что меня смущает абсолютное позиционирование против поплавка среди прочего.

Любая помощь будет принята с благодарностью, я чувствую запах резины, так как эти колеса вращаются.

Answer 1

Извините, я открыл сайт в IE сейчас, просто добавьте простой слева:0; для обоих текстовых элементов (centerAlign2 и centerAlign3), и это будет работать

Установите относительное положение (position:lative;) к элементу, содержащему изображение, и абсолютное положение (position: absolute;) к тексту, а также добавьте (bottom:20px; right:20px;), которое представляет интервал текста внутри образ. Вы можете использовать любое значение, которое вы хотите, я использовал 20px.