| |
|
|
| | Скажите, как один div спозиционировать относительно другого. CSS естественно.
<link rel="stylesheet" href="test.css" />
...
<div id="outer">
<div id="inner">
</div>
</div>
спасибо | |
| |
|
|
| |
|
|
| |
для: Mykola
(12.09.2006 в 15:28)
| | | style=position:relative;top:15px;left:45px | |
| |
|
|
| |
|
|
| |
для: 12345
(12.09.2006 в 15:31)
| | | cмотря какую позицию хотите определить. | |
| |
|
|
| |
|
|
| |
для: AlexSol
(12.09.2006 в 15:51)
| | | я хочу зафиксировать inner div внутри outer, а именно внутренний привязать к правому верхнему углу внешнего. | |
| |
|
|
| |
|
|
| |
для: Mykola
(12.09.2006 в 18:26)
| | | если единицы измерения в пикселях и размер внешнего дива фиксирован, попробуйте
div#inner {margin: Tpx Rpx Bpx Lpx;} | |
| |
|
|
| |
|
|
| |
для: kaoz
(12.09.2006 в 18:30)
| | |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>:::::A div inside another div:::::</title>
<style type="text/css">
<!--
body{
margin:5px 5px 5px 5px;
background-color:#fff;
color:#000;
font-family:Verdana;
font-size:12px;
font-weight:bold;
}
#div_outer{
position:absolute;
top:100px;
left:100px;
width:300px;
height:300px;
color:#000;
background-color:Darkorange;
border:1px dashed #000;
text-align:center;
}
#div_inner{
position:absolute;
top:0px;
left:0px;
width:100px;
height:100px;
color:#000;
background-color:#11aaff;
border:none;
text-align:center;
vertical-align:middle;
}
-->
</style>
<script language="JavaScript" type="text/javascript">
<!--
function findPos(){
var div_o = document.getElementById("div_outer");
var div_i = document.getElementById("div_inner");
div_i.style.left = (div_o.offsetWidth - 1) - div_i.offsetWidth + "px";//(div_o.offsetWidth - 1) - s u4etom bordera
div_i.style.top = "-1px";//s u4etom bordera
}
//-->
</script>
</head>
<body onload="findPos();">
<div id="div_outer">div_outer
<div id="div_inner">div_inner</div>
</div>
</body>
</html>
|
| |
| |
|
|
