Форум hotibo.ru

Сайты - по стандартам, но не стандартные сайты!






#1 19.08.2012 00:04

Nikolay63
Новичок
Зарегистрирован: 18.08.2012
Сообщений: 3

Блоки в IE6 располагаются друг под другам

Здравствуйте всем!

Пожалуйста помогите.

Во всех браузерах всё в порядке, единственный IE6 всё портит.

Код:

html body {
font-size:14px;
background:url(images/back.jpg) repeat 0 0;
font-family:Arial, Helvetica, sans-serif;
height:100%;
margin:0;
padding:0;
}
#content {
background-color:#B33570;
margin-left:auto;
margin-right:auto;
width:800px;
}
#page_header {
height:325px;
background:url(images/head.gif) bottom left no-repeat;
clear:both;
}
#content_wrapper {
border:0 dashed #FFF;
margin:0;
}
#left_side {
    width:202px;
    height:auto;
    background:url(images/left.gif) no-repeat;
    background-color:#B33570;
    float: left;
}
#left_side .content {
margin-bottom:20px;
padding:0 6px;
}
#right_side {
float:left;
width:598px;
background:url(images/right.gif) no-repeat;
height:140px;
}
#center {
margin-left:40px;
margin-right:50px;
height:40px;
}
#center h1 {
padding-top:40px;
font-family:verdana;
font-size:24px;
color:#6D280A;
margin:0;
}
#rasporka {
margin:0;
}
#rasporka h2 {
padding-top:0;
font-family:verdana;
font-size:12px;
color:#6D280A;
}
#rasporka div {
margin-top:50px;
margin-left:40px;
margin-right:20px;
padding-top:5px;
color:#6D280A;
font-family:verdana;
font-size:11px;
line-height:1.8;
word-spacing:.1em;
font-weight:700;
}
#right_centr {
width:598px;
float:left;
height:auto;
background:url(images/centr.gif);
}
#right_centr_in {
    margin-left:40px;
    margin-right:70px;
    padding-top:1px;
}
#left_down {
width:598px;
height:80px;
background:url(images/down.gif) no-repeat;
background-color:#B33570;
}

Так вот, здесь блоки

 

встают под блоком


Я так думаю проблема в IE6 заключается в float-е но не знаю с чего начать чтоб этот баг побороть в IE-6

ссылка на сайт http://diaweb.msk.ru/ (смотрите в IE6 как плохо получается)

Отредактированно Nikolay63 (19.08.2012 11:49)

Нет на форуме

 

#2 19.08.2012 20:21

Nikolay63
Новичок
Зарегистрирован: 18.08.2012
Сообщений: 3

Re: Блоки в IE6 располагаются друг под другам

Привожу графически мою проблему, может так легче будет восприниматься.
http://diaweb.msk.ru/site.jpg

Код:

#left_side {
    height:auto;
    background:url(images/left.gif) no-repeat;
    background-color:#B33570;
    width: 202px;
    float: left;
}
#right_side {
    width:598px;
    background:url(images/right.gif) no-repeat;
    height:140px;
    float: left;
}
#right_side {
    width:598px;
    background:url(images/right.gif) no-repeat;
    height:140px;
    float: left;
}

Почему эти блоки в IE6 встают друг под другом?

Отредактированно Nikolay63 (19.08.2012 20:24)

Нет на форуме

 

#3 19.08.2012 20:42

vashurin
Moderator
Зарегистрирован: 14.09.2010
Сообщений: 287
Вебсайт

Re: Блоки в IE6 располагаются друг под другам

У вас размеры блоков точно верные? И еще, есть глюк у IE когда стоят последовательно плавающие блоки, т.е. IE не верно считает расстояния. Попробуйте уменьшить отступы между ними.


С уважением, Вашурин Владимир.

Нет на форуме

 

#4 19.08.2012 20:47

Nikolay63
Новичок
Зарегистрирован: 18.08.2012
Сообщений: 3

Re: Блоки в IE6 располагаются друг под другам

Ширина блоков вроде верна, общая ширина 800px 202+598=800 А как уменьшить эти отступы? Я вроде их не прописывал.

Нет на форуме

 

#5 17.06.2013 17:58

Bardak
Новичок
Зарегистрирован: 17.06.2013
Сообщений: 1

Re: Блоки в IE6 располагаются друг под другам

глюк ie связанный с двойным marginом заfloatенных элементов исправляется добавлением

display: inline; для проблемных элементов.

или

подключаем только для ие уточняющий css, который идет после основных



и пишем в нем margin  в два раза меньше чем указывали для нормальных браузеров.


Разработка сайтов

Нет на форуме

 

#6 21.06.2013 16:32

Katya_X
Новичок
Зарегистрирован: 26.05.2013
Сообщений: 12

Re: Блоки в IE6 располагаются друг под другам

Возможно, поможет уменьшение отступов у плавающих элементов на 3рх

Нет на форуме

 

#7 13.07.2013 15:37

DGWS
Новичок
Зарегистрирован: 13.07.2013
Сообщений: 2

Re: Блоки в IE6 располагаются друг под другам

Лично я уже полгода как откровенно забил на валидацию в ИЕ6. Он морально устарел (взять к примеру хотябы прозрачные .png, которых он не понимает) и зачем вообще на него тратить время?.. ИЕ6 - в слив.

Отредактированно DGWS (13.07.2013 15:37)

Нет на форуме

 

Board footer