|
|||||||
Непонятные отступы в IEОбсуждение темы Непонятные отступы в IE в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; На правах не самого опытного верстальщика, хочу спросить откуда в IE берутся отступы между блоками на данном сайте >> ? Очень раздражает проблема ... |
![]() |
|
|
Опции темы |
|
|
#1 |
|
|
На правах не самого опытного верстальщика, хочу спросить откуда в IE берутся отступы между блоками на данном сайте >>?
Очень раздражает проблема кроссбраузерности из-за отсутствия удобных инструментов дебага вроде Firebug для "лисицы". Собственно, дизайн в сабже разделён на три .css файла для трёх браузеров. И не могу избавиться от этих отступов даже в отдельном файле для "осла". Хелп) |
|
|
|
|
#2 | |
|
|
Цитата:
|
|
|
|
|
|
#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.. Причина: Добавлено сообщение |
||
|
|
|
|
#4 |
|
|
вот скриншот проблемы
|
|
|
|
|
#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 цсску. |
|
|
|
|
#6 | |
|
|
Цитата:
![]() Спасибо за замечания, я действительно далеко не профессиональный верстальщик =) Добавлено через 3 часа 43 минуты Спасибо, приведённые выше советы помогли. Последний раз редактировалось Zohan; 16.06.2011 в 14:17.. Причина: Добавлено сообщение |
|
|
|
|
|
#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 |
|
Реклама на форуме
Условия размещения рекламы
Биржа ссылок
Заработай на сайте!
|