nicht angemeldet
CSS: Komisches kleines Position Problem in TD
Hallo! Habe ein kleines Positionierungsproblem und habe jetzt die Anleitung nochmal gelesen, kann es aber dennoch nicht lösen.
Struktur: ~~~html
<td align="center">
<div style="position: relative;">
<img src="foto_rahmen.gif">
<div style="position: absolute; top:3px; left:3px;">
<img src="foto_bild.gif">
</div>
</div>
</td>
Wenn ich die Anleitung richtig verstanden habe, müsste sich das 2. DIV nun am 1. DIV (weil es ja darin liegt) ausrichten - tut es aber leider nicht. Das erste DIV und somit der Rahmen sind zentriert (wg. td align), das zweite DIV ist leider nicht zentriert sondern links.
Was mache ich falsch?
Schonmal vielen Dank für evtle. Antworten,
Christopher
-
hi,
<div style="position: relative;">
<img src="foto_rahmen.gif">
<div style="position: absolute; top:3px; left:3px;">Wenn ich die Anleitung richtig verstanden habe, müsste sich das 2. DIV nun am 1. DIV (weil es ja darin liegt) ausrichten - tut es aber leider nicht.
Doch, tut es.
Das erste DIV und somit der Rahmen sind zentriert (wg. td align), das zweite DIV ist leider nicht zentriert sondern links.
Das erste Div ist nicht zentriert - kann es gar nicht sein, weil du ihm keine Breite gegeben hast, deshalb geht es über die gesamte Breite.
Und warum regelst du Zentrierung überhaupt über ein veraltetes Attribut align - und nicht über CSS?
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
Danke für die schnelle Antwort!
Das erste Div ist nicht zentriert - kann es gar nicht sein, weil du ihm keine Breite gegeben hast, deshalb geht es über die gesamte Breite.
Okay vielen Dank für den Tipp. Ich werde versuche, ob ich die Breite (die leider varriert) irgendwie davor auslesen kann.
Aber eventuell geht es ja mit deinem Vorschlag, das via CSS zu machen:
Und warum regelst du Zentrierung überhaupt über ein veraltetes Attribut align - und nicht über CSS?
Das habe ich versucht. Also das align="center" rauszulassen. Danach wollte ich die DIVs via "margin: auto 0;" (hab das mal hier im Forum gelesen) zentrieren - was leider nicht funktionierte, die waren immer noch links ausgerichtet.
Mir wäre es auch lieber wenn ich das über CSS lösen könnte...
-
hi,
Und warum regelst du Zentrierung überhaupt über ein veraltetes Attribut align - und nicht über CSS?
Das habe ich versucht. Also das align="center" rauszulassen. Danach wollte ich die DIVs via "margin: auto 0;" (hab das mal hier im Forum gelesen) zentrieren - was leider nicht funktionierte, die waren immer noch links ausgerichtet.
Wie gesagt, um ein Block Element zu zentrieren, musst du ihm eine Breite geben - sonst geht Zentrieren ja gar nicht (nein, auch nicht über margin:auto).
Das wirkt sich aber nur auf Block Elemente aus - willst du inline-Elemente zentrieren, nimmst du text-align.
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
Wie gesagt, um ein Block Element zu zentrieren, musst du ihm eine Breite geben - sonst geht Zentrieren ja gar nicht (nein, auch nicht über margin:auto).
Das wirkt sich aber nur auf Block Elemente aus - willst du inline-Elemente zentrieren, nimmst du text-align.
Okay, dann führt wohl kein Weg daran vorbei, die Breite des Dings anzugeben. Jedenfalls vielen Dank für deine Hilfe!
PS: Habs gemacht. Yup, mit Breite funktionierts dann auch, danke.
-
-
-