Сайты - по стандартам, но не стандартные сайты!
Страниц: 1
Здравствуйте всем!
Пожалуйста помогите.
Во всех браузерах всё в порядке, единственный 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;
}Так вот, здесь блоки
Отредактированно Nikolay63 (19.08.2012 11:49)
Нет на форуме
Привожу графически мою проблему, может так легче будет восприниматься.
#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)
Нет на форуме
У вас размеры блоков точно верные? И еще, есть глюк у IE когда стоят последовательно плавающие блоки, т.е. IE не верно считает расстояния. Попробуйте уменьшить отступы между ними.
Нет на форуме
Ширина блоков вроде верна, общая ширина 800px 202+598=800 А как уменьшить эти отступы? Я вроде их не прописывал.
Нет на форуме
глюк ie связанный с двойным marginом заfloatенных элементов исправляется добавлением
display: inline; для проблемных элементов.
или
подключаем только для ие уточняющий css, который идет после основных
и пишем в нем margin в два раза меньше чем указывали для нормальных браузеров.
Нет на форуме
Возможно, поможет уменьшение отступов у плавающих элементов на 3рх
Нет на форуме
Лично я уже полгода как откровенно забил на валидацию в ИЕ6. Он морально устарел (взять к примеру хотябы прозрачные .png, которых он не понимает) и зачем вообще на него тратить время?.. ИЕ6 - в слив.
Отредактированно DGWS (13.07.2013 15:37)
Нет на форуме
Страниц: 1