Сайты - по стандартам, но не стандартные сайты!
Страниц: 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