Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.75/4: Рейтинг темы: голосов - 4, средняя оценка - 4.75
mersedes-great
1

Непонятные отступы резиновый дизайн (IE6)

08.05.2012, 11:28. Просмотров 720. Ответов 2
Метки нет (Все метки)

Уже два дня мучаюсь с проблемой... Во всех браузерах приведенный ниже код, нормально растягивает средний блок div (синий) на 100%, а в IE 6 по краям получаются какие то отступы (при разрешении 1280х1024). Подскажите плиз в чем может быть дело?

Вот код:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div id="header">
       <a href="pa1.ru" title="Строительная компания" style="text-decoration: none;">
        <div id="header1">
        </div></a>
        <div id="header2">
        </div>
        <div id="header3">
        </div>
     </div>
     
     <div id="header_sign">
      постройка домов, бань
     </div>
     <div id="logo_sign">
      <strong>Cтроительная компания</strong>
     </div>
Код CSS:
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
#header_sign{
  position: absolute;
  left: 192px;
  top: 152px;
  width: 330px;
  font-family: 'Tahoma';
  font-size: 75%;  
  color: #444;
}
 
#logo_sign{
  position: absolute;
  left: 756px;
  top: 150px;
  width: 252px;
  font-family: 'Verdana';
  font-style: italic;
  font-size: 90%;  
  color: white;
}
 
 
#header{
  overflow: hidden;
}
#header, #header1, #header2, #header3{
 height: 188px;
}
#header1{
   background: green;
  width: 746px;
  float: left;
  overflow: hidden;
  border: 1px solid black;
  margin: 0px;
  padding: 0px;
}
#header2{
 float: right;
 background: red;
 overflow: hidden;
 width: 239px;
 margin: 0px;
 padding: 0px; 
 border: 1px solid black;
}
#header3{
  margin-left: 746px;
  margin-right: 239px; 
  width: auto;
   background: blue;
  border: 1px solid black;
  height: 100%;
}
Отображение в IE6 ((: - между красным и зеленым отступы! их не должно быть!
Непонятные отступы резиновый дизайн (IE6)


Отображение в firefox (правильное):
Непонятные отступы резиновый дизайн (IE6)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
08.05.2012, 11:28
Ответы с готовыми решениями:

Резиновый дизайн
Всем привет, Задача тривиальная. Есть три дива, идут слева направо: левый сайдбар, див с...

Резиновый дизайн
Здравствуйте уважаемые программисты. Я занимаюсь дизайном сайтов, заказчики все чаще просят делать...

Резиновый дизайн
Здравствуйте уважаемые, на сайте имеется 3 блока каждый построен на DIV-ах, подскажите что нужно...

Резиновый дизайн
Добрый форумчане! Нужно сделать резиновый дизайн. Требование: чтобы до определенного размера рос...

2
t1m0n
08.05.2012, 12:17
  #2

Не по теме:

вот кому этот ие 6 нужен???
сделайте заглушку и все)

0
208 / 208 / 6
Регистрация: 23.10.2011
Сообщений: 970
08.05.2012, 12:32 3
этот баг заключается в том, что ie 6 добавляет границу в 3 пикселя к плавающим элементам. вот тут об этом можно почитать. а вообще, про шестого ишака можно забыть навеки, он умер, туда ему и дорога. и седьмой за ним идёт медленно, но верно.
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
08.05.2012, 12:32

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

Непонятные отступы
&lt;!DOCTYPE html&gt; &lt;html lang=&quot;ru&quot;&gt; &lt;head&gt; &lt;meta charset=&quot;utf-8&quot;&gt; &lt;title&gt; Контакты &lt;/title&gt; ...

Непонятные отступы
Доброго времени суток. Примерно месяц назад начал изучать верстку сайтов, недавно скачал готовый...

Почти резиновый дизайн
Как сделать так, чтобы центральная часть была фиксированной ширины, а левая и правая одинаково...

Непонятные отступы в таблице
&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2020, vBulletin Solutions, Inc.