подумай логически -3 от чего?
Дункон, давайте я выложу готовый пример с испольлзованием -3 и все проясниться..
Ок?
в Ie появляються отступы между слоями..
Модератор: Duncon
>подумай логически -3 от чего?
Дункон, давайте я выложу готовый пример с испольлзованием -3 и все проясниться..
Ок?
Дункон, давайте я выложу готовый пример с испольлзованием -3 и все проясниться..
Ок?
решил делай..
Сей час специально спецификацию CSS (1,2) просмотрел везде подобное описание (см. ниже), следовательно знак "-" может быть только знаком вычитания либо не учитываться вообще в этом случае, отрицательного смещения быть не может смещение рамок идет всегда от нуля..
*: 0 или более
+: 1 или более
?: 0 или 1
|: разделитель альтернатив
[ ]: группировка
И если честно WEB_bobby ты офигенный лентяй забегаешь сюда по любому вопросу с горящими глазами и ждешь пока тебе расжуют, вместо того чтоб почитать матерьял по конкретной теме.
Сей час специально спецификацию CSS (1,2) просмотрел везде подобное описание (см. ниже), следовательно знак "-" может быть только знаком вычитания либо не учитываться вообще в этом случае, отрицательного смещения быть не может смещение рамок идет всегда от нуля..
*: 0 или более
+: 1 или более
?: 0 или 1
|: разделитель альтернатив
[ ]: группировка
И если честно WEB_bobby ты офигенный лентяй забегаешь сюда по любому вопросу с горящими глазами и ждешь пока тебе расжуют, вместо того чтоб почитать матерьял по конкретной теме.
Вот кросбраузерный код - в IE отступов больше нет! )))
Внизу таблица хаков, которой в таких случая пользуються!
Если что кому будет непонятно - пишите!
Код
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled</title>
<style type ="text/CSS">
* {
margin: 0;
padding: 0;
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
}
* html #top_left{margin-right:-3px}
* html #top_right{margin-left:-3px}
#second{
margin: 0 100px 0 100px;
height:400px
}
#bottom_left{
height:400px;
width:50px;
background-color:#4b7151;
float:left
}
#bottom_right{
height:300px;
width:350px;
padding:50px;
background-color:#6a67cc;
float:right
}
#bottom_middle{
background-color:#ff989e;
height:400px
}
* html #bottom_left{margin-right:-3px}
* html #bottom_right{margin-left:-3px}
</style>
<!--[if IE ]>
<style type="text/css">
#superCover{width:expression(((document.documentElement.clientWidth||document.body.clientWidth)<=1024)?1008:"100%");}
</style>
<![endif]-->
</head>
<body>
<div id ="superCover">
<div id="first">
<div id="top_right">3</div>
<div id="top_left">1</div>
<div id="top_middle">2</div>
</div>
<div id="second">
<div id="bottom_right">3333333333333333333333333333333333333333333333333333333333333333333</div>
<div id="bottom_left">1</div>
<div id="bottom_middle">2</div>
</div>
</div>
</body>
</html>
Внизу таблица хаков, которой в таких случая пользуються!
Если что кому будет непонятно - пишите!
Код
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled</title>
<style type ="text/CSS">
* {
margin: 0;
padding: 0;
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
}
* html #top_left{margin-right:-3px}
* html #top_right{margin-left:-3px}
#second{
margin: 0 100px 0 100px;
height:400px
}
#bottom_left{
height:400px;
width:50px;
background-color:#4b7151;
float:left
}
#bottom_right{
height:300px;
width:350px;
padding:50px;
background-color:#6a67cc;
float:right
}
#bottom_middle{
background-color:#ff989e;
height:400px
}
* html #bottom_left{margin-right:-3px}
* html #bottom_right{margin-left:-3px}
</style>
<!--[if IE ]>
<style type="text/css">
#superCover{width:expression(((document.documentElement.clientWidth||document.body.clientWidth)<=1024)?1008:"100%");}
</style>
<![endif]-->
</head>
<body>
<div id ="superCover">
<div id="first">
<div id="top_right">3</div>
<div id="top_left">1</div>
<div id="top_middle">2</div>
</div>
<div id="second">
<div id="bottom_right">3333333333333333333333333333333333333333333333333333333333333333333</div>
<div id="bottom_left">1</div>
<div id="bottom_middle">2</div>
</div>
</div>
</body>
</html>
Вот тут хаки.. А то я уже устал крипить эти картинки.. ))))
http://rusforumz.com/topic10135s40.html?#entry33784
http://rusforumz.com/topic10135s40.html?#entry33784
Вывод - необязательно если что то неправильно то не работает! )
Дункон, спасибо за сводку по CSS - не знал что не существует по правилам отрицательных маргинов
Дункон, спасибо за сводку по CSS - не знал что не существует по правилам отрицательных маргинов