[X-Tractor]

HI,

hätte mal eine kurze Frage bezüglich der Positionierung bei CSS.
Habe ein Bild, welches 2 Boxen erhält. Da soll Text rein. Diesen Text habe ich über eine Div-Box so absolut positioniert, dass der Text genau in den Boxen des Bildes ist.

Allerdings habe ich jetzt gesehen, dass sich der Text verschiebt, wenn man eine andere Auflösung hat.

Kann man dem irgendwie entgegen wirken oder ist das einfach so?

[Dexter]

Prinzipiell: absolute Positionierung ist böse.
Zu Deiner "Frage": ich habe nicht verstanden, wo Dein Problem ist. Der Text verschiebt sich also. Wohin? Was für Boxen hast Du in welchem Bild?
Vielleicht stellst Du mal ein Testcase online, wo das Problem auftritt?

Zitat von Dexter 

Prinzipiell: absolute Positionierung ist böse.

Zitat von Dexter 

Web ist Fluss

Das ganze sollte per "position:relative;" klappen..
btw wysiwyg is auch böse.

[X-Tractor]

Habe mal eine Testseite angehängt.

Hier ist es mit absolute Positionierung und meiner Auflösung "1280x1024" so, dass der Text jeweils genau auf der ersten Zeile links beginnt.
Wenn ich die Seite jetzt allerdings mit einer anderen Auflösung betrachte, ist der Text nach rechts verschoben. Ist mir irgendwie auch klar, weil ich ja eine Pixelanzahl angegeben habe.

Aber wie kann ich das denn machen? Könnte ich das Bild in eine eigene Div Box machen und dann die nächsten zwei mit relativer Positionierung in die erste Div Box einfügen?

[aNtiCHrist]

Wenn du unbedingt so ein starres Layout verwenden willst, musst du natürlich auch die Breite des Containers starr vorgeben. Wenn du das machst, sind auch alle weiteren sich darauf beziehenden Angaben starr. Einen Doctype solltest du auch nicht in deinem Dokument vergessen, sonst rächt sich der Quirksmode. Auch eine Validierung kann nicht schaden ...

Das Bild würde ich übrigens als Hintergrundbild einbinden, eine inhaltliche Funktion hat es ja offenbar nicht. Unabhängig davon musst du aber immer damit rechnen, dass sowas bei einigen Leuten nicht gut gehen wird, da sie eine großere Schrift eingestellt haben, als du erwartest. Für solche Fälle solltest du sicherstellen, dass der Text nach unten herauslaufen kann, ohne dass die Schriftfarbe mit der Hintergrundfarbe kollidiert oder der Text in einen darauf folgenden Textblock läuft. Gerade bei position:absolute passiert sowas schnell, daher würde ich auch zu floats mit margin raten.