Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > explorer и div

Автор: library 3.8.2008, 15:36

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

Автор: webster 3.8.2008, 16:43

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

Код


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

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

Автор: library 3.8.2008, 20:08

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

Автор: webster 3.8.2008, 20:26

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

Автор: library 3.8.2008, 20:42

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

Автор: webster 3.8.2008, 20:44

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

Автор: library 3.8.2008, 20:52

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

Автор: webster 3.8.2008, 21:14

Если не так:

Код


#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

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

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

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

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