mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 18.04.2024 10:38 Benutzername: Passwort: Auto-Login

Thema: [CSS] zentrierte hor. Positionierung in Zelle...GROMPF! vom 22.03.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] zentrierte hor. Positionierung in Zelle...GROMPF!
Autor Nachricht
27inches
Threadersteller

Dabei seit: 20.08.2003
Ort: Hamburg
Alter: 44
Geschlecht: Männlich
Verfasst Mi 22.03.2006 14:54
Titel

[CSS] zentrierte hor. Positionierung in Zelle...GROMPF!

Antworten mit Zitat Zum Seitenanfang

ich seh grad so aus * Wo bin ich? * und könnt * Ich muß mich mal kurz übergeben... *

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
  View user's profile Private Nachricht senden
nicoG

Dabei seit: 25.01.2006
Ort: Freiburg
Alter: -
Geschlecht: Männlich
Verfasst Mi 22.03.2006 20:35
Titel

Antworten mit Zitat Zum Seitenanfang

Hi Lächel
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 *zwinker*
  View user's profile Private Nachricht senden
Anzeige
Anzeige
 
Ähnliche Themen Zentrierte Box mit negativ positioniertem Bild
CSS-Frage: zentrierte Spalte, 100% Höhe
zentrierte seite mit farbigem hintergrund
Zentrierte Tabelle verspringt durch Scrollbalken
Vertikale zentrierte Ausrichtung einer Webseite
HTML Zelle teilen
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.