VPF::Неправильное отображение в IE6.

vchilikov

Дата 30.11.2007, 20:34 (ссылка)

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

Загрузка ...

Новичок

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

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

Возникла проблема с версткой под IE6. IE6 никак не хочет правильно отображать headermaincol. Причем в IE7, Opera 9 и FireFox 2 все отображается правильно.
IE6 иногда вообще падает, когда пытается это отобразить.
Подскажите, в чем причина?

Вот картинка:
user posted image

Код странички:

Код


<div id="container">
  ...
  <div id="headermenu">
    ...
    <div class = "delimiter"></div>
    <div class = "headerleftcol"><h1>Меню</h1></div>
    <div class = "headermaincol"><h1>О компании ИНТЕЛЛЕКТСЕРВИС</h1></div>
  </div>
</div>

Стили:

Код


#container {
  width: 900px;
    border: 1px solid #933631;
  margin: 0 auto;
  background: #F5EDE0;
}

#headermenu {
    width: 900px;
    display: block;
  clear: both;
}

#headermenu div {
  width: 224px;
  height: 49px;
  border-left: 1px solid #933631;
  border-bottom: 1px solid #933631;
  float: left;
}

#headermenu .headerleftcol {
  border-left: 0;
  height: 30px;
}

#headermenu .headermaincol {
  width: 675px;
  height: 30px;
}

#headermenu .delimiter {
  width: 900px;
  height: 20px;
  border: 0;
  border-bottom: 1px solid #933631;
    background: #F6F1E7;
}

#headermenu h1{
  margin: 0px;
  font-size: 100%;
    margin-top: 5px;
  margin-left: 10px;
}

Если убрать

Код


<div class = "headermaincol"><h1>О компании ИНТЕЛЛЕКТСЕРВИС</h1></div>

то все отображается "нормально", без заголовка(О компании ...).

Это сообщение отредактировал(а) vchilikov - 30.11.2007, 23:03

mishaSL

Дата 1.12.2007, 14:59 (ссылка)

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

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1046
Регистрация: 10.1.2007
Где: Санкт-Петербург

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

У меня в IE6 нормально отображается, но скорее всего из-за того что это не весь CSS. По всей видимости ты с высотой немного напутал. Попробуй убери из h1 margin-top, т.е. так:

Код


#headermenu h1{
  margin: 0 0 0 10px;
  font-size: 100%;
}

--------------------

Лучший способ научиться программированию - это посмотреть как это делают другие...

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