Witam, jeśli w elemencie pozycjonowanym umieścimy element, który też pozycjonujemy to czy dziedziczymy z niego reguły? Bo mam problem, obraz się nie przesuwa się z resztą tła i pozostaje w miejscu, a w pionie jest wszystko w porządku. Kod jaki umieściłem w #nav był wielokrotnie zmieniany także tylko jednostka px się nie zmieniała. Uprzejmie proszę o odpowiedź.
body {
background: url("arczi.jpg") no-repeat scroll center top #000000;
color: #ccc;
font: 12px/18px Arial,Tahoma,Verdana;
margin: 0;
padding: 0;
}
#navigation {
height: 58px;
left: 47%;
margin-left: -334px;
margin-top: 95px;
position: absolute;
width: 1020px;
}
p {
font: 12px/18px Arial, Tahoma,Verdana;
text-align: center;
padding: 20px;
text-align: left;
margin-left: 250px;
margin-top: 50px;
height: 300px;
width: 400px;
}
#content {
background: url("contentone.jpg") no-repeat scroll center top;
padding: 300px;
margin-left: 2px;
margin-top: 135px;
}
#nav {
background: url("content.jpg") no-repeat scroll center top;
padding: 249.5px;
padding-right: -30px;
margin-left: 30px;
margin-top: -636px;
opacity: 2;
}
<div id="content">
<h1> Tytuł </h1>
<p> OPIS
Lorem Ipsum.....
</p>
<div id="nav">
</div>
</div>