| |
|
|
| | Привет всем.
У меня проблема.
Есть следующий код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Структура</title>
<style type="text/css">
.cont{
position:relative;
padding:2px;
margin:100px 0px 0px 0px;
border:solid 1px;
}
.content{
margin:0px 204px 0px 204px;
height:450px;
border:solid 1px;
}
.news{
position:relative;
margin-top:0px;
margin-right:0px;
width:200px;
border:solid 1px;
}
.annons{
position:relative;
margin-top:2px;
width:200px;
border:solid 1px;
}
</style>
</head>
<body>
<div class="cont">
<div class="content">КОНТЕНТ</div>
<div class="news">ОБЪЯВЛЕНИЯ<br>ОБЪЯВЛЕНИЯ<br>ОБЪЯВЛЕНИЯ<br><br></div>
<div class="annons"><br>НОВОСТИ</div>
</div>
</body>
</html>
|
Скопируйте и откройте в браузере: Вы увидите, что слой .news (а вместе с ним и .annons) позиционируется оносительно .content и поэтому располагается внизу и слева от .content.
А как сделать так, чтобы слой .news (слой .annons позиционируется как надо относительно .news) позиционировался относительно .cont.
Цель - разместить .news в правом верхнем углу слоя .cont | |
| |
|
|
| |
|
|
| |
для: Shey
(26.06.2008 в 15:03)
| | | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Структура</title>
<style type="text/css">
.cont{
position:relative;
padding:2px;
border:solid 1px;
display: block;
}
.content{
margin:0px 204px 0px 204px;
height:450px;
border:solid 1px;
}
.news{
position:absolute;
top:2px;
right:2px;
width:200px;
border:solid 1px;
}
</style>
</head>
<body>
<div class="cont">
<div class="news">ОБЪЯВЛЕНИЯ<br>ОБЪЯВЛЕНИЯ<br>ОБЪЯВЛЕНИЯ<br><br></div>
<div class="content">КОНТЕНТ</div>
</div>
</body>
</html> | |
| |
|
|
| |
|
|
| |
для: UshkiNaMakushke
(26.06.2008 в 16:18)
| | | Извините, но это совершенно не то, что мне надо, до этого я и сам ещё способен догадаться... :))Абсолютное позиционирование не подходит.
Мне надо, чтобы слой .news позиционировался относительно .cont (а слой .annons будет позиционироваться как надо), т.е. у него должен быть position:relative;
ЭТО РЕАЛЬНО СДЕЛАТЬ??? | |
| |
|
|
| |
|
|
| |
для: Shey
(26.06.2008 в 17:09)
| | | Блин ващем не понмиаю ниче..... Выложите чтоль рисунок!! , а то под слвоами "а слой .annons будет позиционироваться как надо " не опнятно, как надо чего надо..хз вообещм давайте рисунок, тогад будем думать | |
| |
|
|
| |
|
|
| |
для: UshkiNaMakushke
(26.06.2008 в 17:14)
| | | Зачем рисунок???Просто скопируйте мой код и запустите в браузере.
Картинка следующая: мне надо, чтобы слой .annons позиционировался относительно слоя .news. Это надо, чтобы слой .annons сдвигался вниз относительно слоя .news, т.к. высота слоя .news изменяется по высоте данных в этом слое. Поэтому абсолютное позиционирование тут совсем не подойдёт. В принципе, это всё работает, как надо.
А вот слой .news в данном примере позиционируется относительно слоя .content, поэтому и получается такая ерунда, какую Вы можете увидеть, запустив код в браузере.
ПОЭТОМУ МНЕ НАДО, ЧТОБЫ СЛОЙ .NEWS ПОЗИЦИОНИРОВАЛСЯ ОТНОСИТЕЛЬНО СЛОЯ .CONT | |
| |
|
|
|
