www.vladcity.com - "съезжает" текст

Sigma_US · №1

Делаю страницу http://www.vladcity.com

Пишу в блокноте, тестирую в IE 6.0.2900.2180 на днях озаботился несовместимостью страницы с Mozill-ой.

На примере отдельно взятой страницы со своего сайта:

Код:

http://www.vladcity.com/vladivostok_people_arsenyev.html

хочу продемонстрировать что происходит при просмотре сайта в IE 6.0.2900.2180 и Mozilla 1.5.0.7

Скриншоты:

IE 6.0.2900.2180 - http://www.vladcity.com/scr_1.jpg 50Kb

Mozilla 1.5.0.7 - http://www.vladcity.com/scr_2.jpg 57kb :cry:

Посмотрев по форуму увидел частые отсылки к validator.w3.org.
Сайт проверил. Нашедшиеся ошибки, пара тегов, все устранил. Сейчас проверка выдает только ошибки SpyLog, но с этим уже ничего не поделаешь.

Прошу помощи по сайту!

Подскажите пожалуйста, как сделать что-бы страница выглядела так-же красиво как и в IE ?

Al_H · №2

Sigma_US
Ваша проблема разрешима, о странник! У Вас написано

Выделить код

Код:

<div style="width:100%; height:100%;  background-color:#496C81">

и далее

Выделить код

Код:

<div style="width:100%; height:639px; background:URL(images/tall_h.gif) repeat-x;background-color:#FFFFFF;">

Здесь, очевидно, ширина 100% может понадобиться разве что Експлореру. Что касается высоты,
назначьте блокам имена классов, и напишите

Выделить код

Код:

html,body {height: 100%;}
.main1 {min-height: 100%;}
* html .main1 {width: 100%; height: 100%;}
.main2 {min-height: 639px;}
* html .main2 {width: 100%; height: 639px;}

(если все же будут проблемы с шириной, ее можно перенести в класс, который видят все браузеры)
Если Вы хотите непременно прописывать стили в самом тэге, можете написать так:

Выделить код

Код:

<div style="min-height: 100%; _width: 100%; _height: 100%;">
<div style="min-height: 639px; _width: 100%; _height: 639px;">

но такая запись может огорчить валидатор.
И в любом случае нужно указать

Выделить код

Код:

html,body {height: 100%;}

Добавлено Срд 11 Окт 2006 16:19:50 :
P.S. Во всех случаях, когда явно указывается высота блока, или почти во всех, придется для Firefox и Opera (и IE7) указывать min-height, и только для IE<=6 Win подставлять height.

Полезная информация

№111-10-2006 15:48:27