|
Непонятные отступы в IEОбсуждение темы Непонятные отступы в IE в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; На правах не самого опытного верстальщика, хочу спросить откуда в IE берутся отступы между блоками на данном сайте >> ? Очень раздражает проблема ... |
|
Опции темы |
14.06.2011, 17:02 | #1 |
|
На правах не самого опытного верстальщика, хочу спросить откуда в IE берутся отступы между блоками на данном сайте >>?
Очень раздражает проблема кроссбраузерности из-за отсутствия удобных инструментов дебага вроде Firebug для "лисицы". Собственно, дизайн в сабже разделён на три .css файла для трёх браузеров. И не могу избавиться от этих отступов даже в отдельном файле для "осла". Хелп) |
|
14.06.2011, 17:24 | #2 | |
|
Цитата:
|
|
|
14.06.2011, 18:20 | #3 | ||
|
Цитата:
Вот обнуление в файле ie.css: Код:
@charset "utf-8"; /* ====================== MAIN THEME STYLES: layout, fonts & colors ====================== */ * { margin:0; padding:0; } *html {margin:0; padding:0} html { margin: 0px; padding: 0px; } body { background: #FAFAFA; margin: 0px; padding: 0px; position: relative; } Код:
.cpt_product_search { background: url("../../images/search_string_new.gif") no-repeat scroll left top #D6D6D6; float: left; height: 30px; overflow: hidden; width: 218px; } Код:
.main_page .cpt_divisions_navigation { background: url("../../images/menu_bg.gif") repeat-x scroll 0 0 transparent; height: 30px; padding: 0 0 0 217px; } Код:
#container_main_content { background: none repeat scroll 0 0 transparent; float: right; padding: 0; text-align: left; vertical-align: top; width: 1150px; } } Цитата:
Последний раз редактировалось Zohan; 14.06.2011 в 18:20.. Причина: Добавлено сообщение |
||
|
14.06.2011, 18:34 | #4 |
|
вот скриншот проблемы
|
|
16.06.2011, 01:13 | #5 |
|
Да у вас и с обычными браузерами не все нормально... куда там вам до ИЕ...FF4 "ctrl-", там у вас "трюк на трюке", вот например:
#wrapper { left: 50%; margin-left: -575px; position: absolute; top: 0; width: 1150px; } Хотя стандартно написать: #wrapper { width: 1150px; margin:0 auto; } попробуйте понять структуру сайта... у вас там все на кучу. А прикол с .menu_right вообще забавный. Не проще написать так: .cpt_product_search, .menu_right, .cpt_divisions_navigation{ float:left; display:inline; } и .menu_right, .cpt_divisions_navigation поменять местами и не издаваться с флоат:райт? Также не понятно зачем сначало выводить блок с контентом, а потом левый сайдбар, если нужно по-логике выводить на оборот и в итоге левому сайдбару поставить флоат:лефт, а контент: флоат:лефт и оверфло:хайден. Короче верстка очень сырая и отдает "начинающим уровнем", хотя работы там на часов 6и поместится все в 1 цсску. |
|
16.06.2011, 14:17 | #6 | |
|
Цитата:
Спасибо за замечания, я действительно далеко не профессиональный верстальщик =) Добавлено через 3 часа 43 минуты Спасибо, приведённые выше советы помогли. Последний раз редактировалось Zohan; 16.06.2011 в 14:17.. Причина: Добавлено сообщение |
|
|
17.06.2011, 00:34 | #7 | |
|
Цитата:
http://htmlbook.ru/css/z-index Если у вас будут какие-то элементы <select> то на помощь придет опасити. Покажите конкретно на скрине (рисунке, или детальном описании), что вы хотите сделать, я постараюсь помочь. |
|
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Убрать лишние отступы | udaf | HTML, CSS, JavaScript | 1 | 21.10.2015 11:55 |
Как убрать отступы между ячейками таблицы? | vitaliymaz | HTML, CSS, JavaScript | 3 | 22.10.2009 18:57 |
Отступы в таблице????? | *Ruby* | HTML, CSS, JavaScript | 13 | 21.06.2006 18:15 |
вертикальные отступы у <h1> | bySmash | HTML, CSS, JavaScript | 4 | 02.12.2003 14:30 |
<body> отступы от краев экрана | kost | HTML, CSS, JavaScript | 5 | 01.11.2003 16:34 |
Реклама на форуме
Условия размещения рекламы
Биржа ссылок
Заработай на сайте!
|