Das macht mich verrückt!
Ich habe zwei Divs, direkt nach dem Body-Tag. Sie sind beide absolut positioniert und dimensioniert. Sie haben beide die gleiche Eigenschaft "left", aber ich deklariere später die Eigenschaft "right" für das zweite div (so "left" sollte ignoriert werden!).
Hier ist der HTML-Code:
<body>
<div class="previousPageButton"></div>
<div class="nextPageButton"></div>
Und das CSS: (Es gibt noch mehr Code, aber der ist auskommentiert und daher irrelevant).
.previousPageButton, .nextPageButton {
position: absolute;
top: 0px; left: 0px;
display: block;
height: 500px;;
width: 100px;
background: transparent url(../images/buttons/arrow_previousPage.png) no-repeat center center;
z-index: 2;
opacity: .1;
}
.nextPageButton {
top: 0px; right: 150px;
background: transparent url(../images/buttons/arrow_nextPage.png) no-repeat center center;
}
Wie Sie sehen können, habe ich unterhalb des ersten CSS, in dem ich "left" deklariere, einen weiteren CSS-Block, in dem ich speziell die Eigenschaft "right" für .nextPageButton deklariere. Der Körper ist relativ positioniert, wie üblich, also sollte es funktionieren! Muss ich die "left"-Eigenschaft aufheben, bevor ich die "right"-Eigenschaft deklariere? Ist das überhaupt möglich?
Ich weiß, ich könnte reißen die "links"-Eigenschaft aus dem ersten Codeblock, und weisen Sie dann jedes div es ist eigene links/rechts-Eigenschaft.. aber dies sollte noch funktionieren!
Haben Sie eine Idee?