Wolfgang Lindner: Tabelle Positionieren

SELF-Forum

Tabelle Positionieren

Wolfgang Lindner
– Informationen zu den Bewertungsregeln

Hallo!

zuerst mal: ich hab mir den ganzen CSS Bereich durchgelesen, bekomme es aber trotzdem nicht hin. Ich bin schon am verzweifeln, weil es überhaupt nicht funktioniert...

Das Problem:

Ich habe eine Tabelle mit 1 Zeile, 3 Spalten, in jeder ist eine kleine Grafik, soweit so gut. Ich will allerdings dass diese Tabelle ca. 20px vom unteren Rand entfernt ist UND zentriert ist, jedoch nicht über die ganze Seite zentriert sondern nur über die wirkliche Seitenbreite (also ohne den linken und rechten Seitenrand) margin-left:165px; margin-right:20px

mit style="position:absolute; bottom:20px; left:50%" wird

  1. nur der Anfang der 1. Spalte in die Mitte ausgerichtet und
  2. über die gesamte Seite und nicht über den von mir gewünschten Bereich

ich wäre für eine Hilfe sehr dankbar.

mfg Wolfgang Lindner

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Tabelle Positionieren

    Gernot Back Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo Wolfgang,

    Ich habe eine Tabelle mit 1 Zeile, 3 Spalten, in jeder ist eine kleine Grafik, soweit so gut.

    Eine einzeilige Tabelle? Das muss sich um eine Layouttabelle handeln, denn anders ergäbe das keinen Sinn. Da du bei deinem Vorhaben ja ohnehin viel CSS brauchst, könntest du das eleganter auch gleich ganz ohne Tabelle schaffen.

    Ich will allerdings dass diese Tabelle ca. 20px vom unteren Rand entfernt ist UND zentriert ist, jedoch nicht über die ganze Seite zentriert sondern nur über die wirkliche Seitenbreite (also ohne den linken und rechten Seitenrand) margin-left:165px; margin-right:20px

    mit style="position:absolute; bottom:20px; left:50%" wird

    1. nur der Anfang der 1. Spalte in die Mitte ausgerichtet und
    2. über die gesamte Seite und nicht über den von mir gewünschten Bereich

    Hast du daran gedacht, auch die Elemente HTML und BODY mit 100% Weite und Höhe sowie Margin und Padding gleich Null zu formatieren?

    Hast du dem Element mit den asymmetrischen Margins  eine von "static" abweichende Position-Eigenschaft (also z.B. relative) zugewiesen, damit sich ein absolut positioniertes Kindelement daran ausrichten kann?

    Wenn du innerhalb eines solchen absolut mittig positionierten Kindelements deine "Tabelle" ihrerseits wieder als Kindelement einfügst und dieser dann bei relativer Positionierung einen Left-Wert von -50% gibst, wird sie dort platziert, wo du sie haben willst.

    Gruß Gernot

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln