Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Непонятные отступы в IE

Обсуждение темы Непонятные отступы в IE в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; На правах не самого опытного верстальщика, хочу спросить откуда в IE берутся отступы между блоками на данном сайте >> ? Очень раздражает проблема ...


Закрытая тема
 
Опции темы
Старый 14.06.2011, 17:02   #1
На правах не самого опытного верстальщика, хочу спросить откуда в IE берутся отступы между блоками на данном сайте >>?
Очень раздражает проблема кроссбраузерности из-за отсутствия удобных инструментов дебага вроде Firebug для "лисицы".

Собственно, дизайн в сабже разделён на три .css файла для трёх браузеров. И не могу избавиться от этих отступов даже в отдельном файле для "осла". Хелп)
 
Старый 14.06.2011, 17:02
Ссылки
Старый 14.06.2011, 17:24   #2
Цитата:
На этой странице обнаружена циклическая переадресация
могу предположить, что не обнулили стили для осла (*html {margin:0; padding:0})
 
Старый 14.06.2011, 18:20   #3
Цитата:
Сообщение от vladendark Посмотреть сообщение
могу предположить, что не обнулили стили для осла (*html {margin:0; padding:0})
нет, всё обнуленное, просто не могу понять как определить какие свойства передаются этим div-ам

Вот обнуление в файле 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;
}
}
Добавлено через 1 минуту

Цитата:
На этой странице обнаружена циклическая переадресация
.htaccess пофиксил, сорри

Последний раз редактировалось Zohan; 14.06.2011 в 18:20.. Причина: Добавлено сообщение
 
Старый 14.06.2011, 18:34   #4
вот скриншот проблемы
Изображения
Тип файла: jpg 2011-06-14_173154.jpg (150.9 Кб, 9 просмотров)
 
Старый 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
Цитата:
Сообщение от Snig Посмотреть сообщение
Да у вас и с обычными браузерами не все нормально... куда там вам до ИЕ...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 цсску.
На счёт блока с контентом, который идёт в потоке раньше левого сайдбара (меню): изначально я хотел что бы некоторые элементы(картинки) из меню накладывались на основной контент, а в IE, насколько я знаю, это невозможно, т.к. меню идёт первым и всегда на слой ниже чем следующие элементы в потоке. Никак по другому не смог решить эту проблему, кроме как поменять их местами

Спасибо за замечания, я действительно далеко не профессиональный верстальщик =)

Добавлено через 3 часа 43 минуты

Спасибо, приведённые выше советы помогли.

Последний раз редактировалось Zohan; 16.06.2011 в 14:17.. Причина: Добавлено сообщение
 
Старый 17.06.2011, 00:34   #7
Цитата:
Сообщение от Zohan Посмотреть сообщение
изначально я хотел что бы некоторые элементы(картинки) из меню накладывались на основной контент, а в IE, насколько я знаю, это невозможно, т.к. меню идёт первым и всегда на слой ниже чем следующие элементы в потоке. Никак по другому не смог решить эту проблему, кроме как поменять их местами
не понял, в ИЕ z-index практически нормально работает:
http://htmlbook.ru/css/z-index

Если у вас будут какие-то элементы <select> то на помощь придет опасити.

Покажите конкретно на скрине (рисунке, или детальном описании), что вы хотите сделать, я постараюсь помочь.
 
Старый 17.06.2011, 00:34
Закрытая тема




Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Убрать лишние отступы 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


Текущее время: 14:16. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум