27inches
Threadersteller
Dabei seit: 20.08.2003
Ort: Hamburg
Alter: 44
Geschlecht:
|
Verfasst Mi 22.03.2006 14:54
Titel [CSS] zentrierte hor. Positionierung in Zelle...GROMPF! |
|
|
ich seh grad so aus und könnt
ich versuche innerhalb einer tabellenzelle mehrere CSS Layer horizontal zentriert angezeigt zu bekommen.
Diese Layer sind gleich gross und müssen übereinander liegen, da sie ein- und ausgeblendet werden (beim fahren über thumbpics).
Ich bekomme einen Layer per
Code: | <div style="text-align:center;">
<div style="margin:auto; text-align:center;" id="Layer1">
<img src="fotos/sonderl_01.jpg" width="301" height="387" />
</div>
</div> |
Code: | #Layer1 {
position:relative;
z-index:1;
visibility:hidden;
}
|
wunderbar zentriert.
Addiere ich nun einen zweiten Layer, wird dieser unter dem ersten angezeigt, nicht drüber.
Ok, dann müssen sie also absolut positioniert werden.
Wenn man sie dann aber absolut positioniert, kappt das mit dem zentrieren in dern tabellenzelle nicht mehr.
Ich seh nur noch Bäume.
Wünsche mir nen Tipp, wie ich die absolut positionierten und übereinanderliegenden Layer zentriert bekomme.
Wo muss ich noch was zentrieren, hilft ein kleiner width="100%" an der richtigen Stelle?
meine tests und versuche verliefen negativ!
Wie schaffe ich es dann noch beiden großen browser die zentrierung beizubringen?
Beispiel siehe hier
Danke, eure 27"
Zuletzt bearbeitet von 27inches am Mi 22.03.2006 14:56, insgesamt 1-mal bearbeitet
|
|
nicoG
Dabei seit: 25.01.2006
Ort: Freiburg
Alter: -
Geschlecht:
|
Verfasst Mi 22.03.2006 20:35
Titel
|
|
|
Hi
warum fügst du die Container, die du über anderen Container positioniert haben willst nicht auch im HTML-Code über diese?
Wenn das aus irgendwelchen Gründen nicht geht, hast du 2 Möglichkeiten:
1. Wenn du den Div nur dafür benötigst, damit die Thumbnails ein- und ausgeblendet werden können per JS, dann gib den Divs ein text-align:center und der Inahlt wird zentriert.
2. absolute Pos.: Wenn deine Zelle eine bestimmte Breite besitzt, kannst du ja dann mit margin- oder padding-Werten spielen
|
|