Блок не тянется по ширине в ie7

15

Digidie

11 июля 2012, 14:29

1581

Нужна помощь. Во всех браузерах все работает нормально, а в ie криво. Вот код:

Html


<div id="wrap_header"> <!--Блок который должен тянуться -->

  <div id="header">    <!--Блок который должен быть фиксированным -->

     <div id="logo"></div>

     <div id="menu"></div>

  </div>

</div>

CSS


#wrap_header{

width: 100%;

height: 150px;

background: url(../images/header_bg.jpg) repeat-x;

}

#header{

width: 1024px;

height: 150px;

margin: 0 auto;

}

#logo{

float:left;

width: 200px;

height: 80px;

background: имадже;

}

#logo{

float:right;

height: 80px;

}

Во всех нормально отображается, нормально тянется и фиксируется. А вот в ie не растягивается и даже margin: 0 auto не пашет. Подскажите что делать.

P.S. Обычно ie во внимание не беру, а тут что то взял да глянул... :dash:

KS

17

KostaShah

11 июля 2012, 15:24

#1

Digidie:
#logo{
float:left;
width: 200px;
height: 80px;
background: имадже;
}
#logo{
float:right;
height: 80px;
}

Тут умышленно два раза #logo заданы?

FileSafe (http://filesafe.anek.ws/) - мониторинг неизменности файлов сайта для защиты от взлома. Для форумчан - первый год бесплатно.

[Удален]

11 июля 2012, 15:36

#2

#wrap_header добавляем text-align: center;

#header обратно выравниваем text-align: left;

D

15

Digidie

11 июля 2012, 15:42

#3

Сашко:
#wrap_header добавляем text-align: center;
#header обратно выравниваем text-align: left;

Этот способ не работает. Все равно #wrap_header не растягивается и #header не центрируется, и оба блока уходят влево вверх.

[Удален]

11 июля 2012, 15:44

#4

В какой версии у вас не получается? У меня всегда почему-то всё выравнивается как надо)

Правда я margin: 0 auto; использую.

D

15

Digidie

11 июля 2012, 16:02

#5

использую версию ie7. У меня тоже margin: 0 auto написано. Слышал что еще зависит от DOCTYPE. Пробовал три варианта, изменений никаких. WINDOWS не 7 стоит, XP. Что делать ненаю, запарился уже.

1723

LEOnidUKG

11 июля 2012, 16:09

#6

А разве не ie8 для XP обязателен к обновлению? Откуда вы ie7 выкопали?

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/

D

15

Digidie

11 июля 2012, 16:16

#7

LEOnidUKG:
А разве не ie8 для XP обязателен к обновлению? Откуда вы ie7 выкопали?

Про обновление незнаю, а требование такое, чтобы в ie7 нормально было, в принципе то все нормально вот только центрирование и растягивание блоков хромает. Есть вообще какой нить способ чтобы это корректно работало, из вышеперечисленного ничего не помогает.

[Удален]

11 июля 2012, 17:20

#8

Какой доктэйп используете? Он вообще у вас прописан?

Что перед #wrap_header находится?

D

15

Digidie

11 июля 2012, 17:32

#9

Сашко:
Какой доктэйп используете? Он вообще у вас прописан?
Что перед #wrap_header находится?

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

также пробовал <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Перед #wrap_header ничего не стоит, это пример. Вообще если сайт фикс то пишу wrapper{margin: 0 auto; width: ширина;}

[Удален]

11 июля 2012, 17:49

#10

Не знаю что у вас не центруется или не тянется, вот только что проверил. Работает на IE7,8,9


<!DOCTYPE HTML PUBLIC  "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Заголовок страницы</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
#wrap_header{
height: 150px;
}
#header{
width: 1000px;
height: 150px;
margin: 0 auto;
background: #000;
}

</style>
</head>
<body>
<div id="wrap_header">
  <div id="header">

  </div>
</div>
</body>
</html>

Ширину у внешнего контейнера необязательно прописывать, она и так в нашем случае растягивается на 100%.

Тренды маркетинга в 2024 году: мобильные продажи, углубленная аналитика и ИИ

Курс биткоина превысил $50 тысяч