Страница 1 из 3
в Ie появляються отступы между слоями..
Добавлено: 18 июн 2007, 00:01
WEB_bobby
Здраствуйте ребята! Давно не заходил.. Справлялся сам. Но вот теперь нужна помощь!
Возникла такая проблема: хоть и поставил
* { margin: 0;padding: 0; border:0;}
— но в IE все равно между слоями небольшие отступы,
не могу понять почему.. В FF и Опера же работает....
Код: Выделить всё
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled</title>
<style type ="text/CSS">
* {
margin: 0;
padding: 1;
border:0;
}
body{
height:600px;
min-width:1024px
}
#first{
margin: 0 150px 0 150px ;
height:200px
}
#top_left{
height:200px;
width:200px;
background-color:#6ac247;
float:left
}
#top_middle{
background-color:#edc230;
height:200px;
}
#top_right{
height:200px;
width:200px;
background-color:#6ac247;
float:right
}
#second{
margin: 0 100px 0 100px ;
height:400px;
}
#bottom_left{
height:400px;
width:50px;
background-color:#4b7151;
float:left
}
#bottom_right{
height:400px;
width:450px;
background-color:#6a67cc;
float:right
}
#bottom_middle{
background-color:#ff989e;
height:400px
}
</style>
</head>
<body>
<div id="first">
<div id="top_right">1</div>
<div id="top_left">2</div>
<div id="top_middle">3</div>
</div>
<div id="second">
<div id="bottom_right"> 1 </div><div id="bottom_left"> 2 </div><div id="bottom_middle">3 </div>
</div>
</body>
</html>
Re: в Ie появляються отступы между слоями..
Добавлено: 18 июн 2007, 10:49
Duncon
Опа, в первый раз встречаю запись в виде звездочки - это вообще нормально? Где нарыл документацию в студию?
padding - Устанавливает значение полей вокруг содержимого элемента. Полем называется расстояние от внутреннего края рамки элемента до воображаемого прямоугольника, ограничивающего его содержимое..
Это и есть твой отступ, а далее всего-лишь правильная и неправильная работа просмоторщиков..
Re: в Ie появляються отступы между слоями..
Добавлено: 18 июн 2007, 11:16
WEB_bobby
Duncon писал(а):Опа, в первый раз встречаю запись в виде звездочки - это вообще нормально? Где нарыл документацию в студию?
padding - Устанавливает значение полей вокруг содержимого элемента. Полем называется расстояние от внутреннего края рамки элемента до воображаемого прямоугольника, ограничивающего его содержимое..
Это и есть твой отступ, а далее всего-лишь правильная и неправильная работа просмоторщиков..
Да где где... Рассматривая примеры со слоями взял и написал
. Да нормально, звездочка означает применение ко всем элементам документа. А насчет третьего я конечно согласен, что это не моя вина , а тупой осел как всегда выделываеться, но решение надо и для него, ведь пользователи в шоке будут когда все это дело увидят.
Re: в Ie появляються отступы между слоями..
Добавлено: 18 июн 2007, 11:57
WEB_bobby
нашел.. что то по моей теме.. называеться статья трехпиксельный баг в Ie 6 и ниже..
на аглицком. как вьеду с суть напишу по русски ))
Re: в Ie появляються отступы между слоями..
Добавлено: 18 июн 2007, 15:00
Duncon
осел не тупой осел - эталон
Re: в Ie появляються отступы между слоями..
Добавлено: 18 июн 2007, 15:41
WEB_bobby
в смысле.. эт же он на стандарты плюет!
Re: в Ie появляються отступы между слоями..
Добавлено: 18 июн 2007, 17:49
WEB_bobby
Допустим, имеем три колонки, фон для которых задается методом Faux Columns.
Левая колонка – news (float), средняя колонка – main (прямой поток) и правая колонка – present (float). Используем следующие правила:
CODE
#news {width: 250px; float: left;}
* html #news {margin-right: -3px;}
#present {width: 220px; float: right;}
* html #present {margin-left: -3px;}
#main {margin: 0px 220px 0px 250px;}
* html #main {height: 1%; margin: 0px 217px 0px 247px;}
И никаких трехпиксельных отступов в IE. Ни справа, ни слева...
Re: в Ie появляються отступы между слоями..
Добавлено: 18 июн 2007, 18:48
Duncon
-3px ну-ну..
WEB_bobby учи Албанский, более ни чего сказать не могу..
Re: в Ie появляються отступы между слоями..
Добавлено: 18 июн 2007, 20:07
WEB_bobby
ну если Ie это этталон а приведеный мною код чушь.. тогда только албанский )))
Re: в Ie появляються отступы между слоями..
Добавлено: 19 июн 2007, 11:16
WEB_bobby
Дункон, специально повторяю для вас. Эта проблема известна как трехпиксельный баг в IE 6-ой версии и ниже. Чем вас -3px то не устраивает?
А IE это не эталон - IE это горе. Эталон у нас это FF и Operа, поскольку они почти все выполняют строго по стандартам.