VPF::explorer и div - Форум программистов

library

Дата 3.8.2008, 15:36 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 66
Регистрация: 28.3.2008

Репутация: нет
Всего: нет

У меня такая проблема. мой сайт нормально отображается в Opere и firefox но блин как на зло explorer подкачал, а ведь на нём большинство пользователей сидят. В общем помогите разобраться с дивами пожалуйста. Скажите, что поправить, чтоб нормально отображалось. домен http://teach-forex.ru

webster

Дата 3.8.2008, 16:43 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 361
Регистрация: 1.1.2007

Репутация: 34
Всего: 34

А зачем у #Menu float: left; по-моему он там совсем никчему, и все последующие элементы похоже наследуют это значение свойства (хотя по спецификации не должны).
Чтобы слова меню не переносились - надо либо "соединить" их с помощью   либо использовать свойство white-space.
Выровнять же под IE можно:

Код


body {
text-align: center;
}
#Container {
text-align: left;
}

И конечно же без DOCTYPE с дивами управляться, да еще мультиброузерно это очень сложная задача. smile

Это сообщение отредактировал(а) webster - 3.8.2008, 16:53

library

Дата 3.8.2008, 20:08 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 66
Регистрация: 28.3.2008

Репутация: нет
Всего: нет

Спасибо.Так сделал, там кое где ещё ошибки поправил. Сделал отдельный css для IE потому что изменения улучшавшие IE ухудшали Оперу. Осталось последнее. В IE верхнее меню в лево сдвинуто, хотелось бы центрировать, чтоб как в Опере было. Можете и с этим помочь?

webster

Дата 3.8.2008, 20:26 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 361
Регистрация: 1.1.2007

Репутация: 34
Всего: 34

Флоаты в меню вам совсем не нужны, у вас и так гиперссылка является строковым элементом и может встать в строке несколько штук, соответствующих пунктам меню.
Все можно сделать горизонтальными паддингами.

Это сообщение отредактировал(а) webster - 3.8.2008, 20:30

library

Дата 3.8.2008, 20:42 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 66
Регистрация: 28.3.2008

Репутация: нет
Всего: нет

Убрал флоаты, не помогает.

webster

Дата 3.8.2008, 20:44 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 361
Регистрация: 1.1.2007

Репутация: 34
Всего: 34

Поставьте для блока #Menu - text-align: center; а для <a> (или <span>) горизонтальные паддинги и уберите размер width: 120px; для <a>.

library

Дата 3.8.2008, 20:52 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 66
Регистрация: 28.3.2008

Репутация: нет
Всего: нет

Что не как не помогает. (туплю наверно страшно...)

webster

Дата 3.8.2008, 21:14 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 361
Регистрация: 1.1.2007

Репутация: 34
Всего: 34

Если не так:

Код


#Menu a {background:transparent url(img/arrows.gif) no-repeat scroll 0 50%;
color:#6F6D6D;
font-family:Candara;
font-size:16px;
line-height:50px;
text-decoration:none;
padding: 0px 30px;
}

то других предложений нет.

library

Дата 3.8.2008, 21:18 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 66
Регистрация: 28.3.2008

Репутация: нет
Всего: нет

Спасибо за помощь, я просто

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

добавил и всё нормально.

Дал бы в репу +1, но надо 100 постов. Ещё раз спасибо.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »