Извеняюсь,может мой вопрос не столь явно отображает суть,но всёже подскажите если позиционировать все элементы как relative при этом существует заглавный див который определяет ширину экрана для всех остальных дивов ,тоесть в него вложены дивы ,остальные дивы ,которые в нём будут распологаться будут позиционироваться от предыдущего эллемента див так ?
А вот теперь вопрос второй ,они так будут распологаться ,когда див вложен в див или или когда не вложен,и разница основная какая ,я имею ввиду с точки позиционирования.
У меня есть код ,мне нужно разместить вверху картинку ,потом полосу залитого градиента ,а ниже идут два меню ,слева и справа ,первое меню я отпозиционировал ,но второе меню ,оно не хочет лезть вверх в опере ,в остальных браузерах нормально.
Позиционирование происходит с помощью relative ,первое меню встало ,но второе лезет как-бы ниже первого ,насколько я понимаю ,когда используется relative позиционирование происходит от родительского эллемента тоесть дива main или я неправ
| Код |
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="css/index.css" />
</head>
<body>
<div id="gerb"></div>
<div id="main">
<div id="logo"><img src="img/logo.jpg" border="0" width="100%"/></div>
<div id="polosaverh"></div>
<div id="menulevo">
<div id="menlev1"></div>
<div id="seredmenu"></div>
<div id="menuniz"></div>
</div>
<div id="mainmenu">
<div id="mainmenulevover"></div>
<div id="mainmenusered"></div>
<div id="pravomenuverh"></div>
<div id="seredmainmenu"></div>
</div>
</div>
</body>
</html>
|
| Код |
body{
margin:0px;
padding:0px;
color:#417e96;
background-image:url(../img/zad.jpg);background-repeat:repeat-x;width:100%;height:5px;
}
#main,#logo,#polosaverh{margin:0px;padding:0px;}
#main{position:relative;top:0px;left:0%;right:0%;width:100%;height:100%;}
#logo{position:relative;top:0px;left:0px;right:0px;}
#polosaverh{position:relative;top:0px;right:0px;left:0px; background-image:url(../img/verhpolosa.jpg);background-repeat:repeat-x;width:100%;height:80px;}
#menulevo{position:relative;top:40px;left:40px;width:272px;height:100%;}
#menlev1{background-image:url(../img/verhmenu.png);background-repeat:no-repeat;width:272px;height:50px;padding:0px;margin:0px;}
#seredmenu{background-image:url(../img/seredmen.png);background-repeat:repeat-y;width:269px;height:500px;padding:0px;margin-top:-1px;}
#menuniz{background-image:url(../img/nizmenu1.png);background-repeat:no-repeat;width:269px;height:42px;padding:0px;margin:0px;}
#mainmenu{position:relative;right:-30%;top:-70%;width:781px;border:#003333 dashed 1px;height:600px;}
#mainmenulevover{background-image:url(../img/mainmenupravoverh.png);background-repeat:no-repeat;width:55px;height:50px;float:left;}
#mainmenusered{background-image:url(../img/mainmenusered.png);background-repeat:repeat-x;width:80%;height:50px;float:left;}
#pravomenuverh{background-image:url(../img/mainmenupravo.png);background-repeat:no-repeat;width:33px;height:50px;float:left;}
#seredmainmenu{background-image:url(../img/mainmenusered.png);background-repeat:repeat-y;width:781px;height:100%;}
|
|
