Supportnet Computer
Planet of Tech

Supportnet / Forum / Webseiten/HTML

Bild absolut positionieren mit CSS (style). Klappt nicht :-(





Frage

Hallo, ich möchte ein Bild mit CSS absolut an einer bestimmten Stelle meiner Webseite positionieren: Und zwar ganz oben in der Mitte des Browserfenster. Zur Zeit sieht der Quelltext wie folgt aus: [code]<span style="position: absolute; left: 50%; top: 0"><img src="bild.jpg"></span> [/code] Der Abstand von oben beträgt ja auch exakt 0 Pixel, aber das Bild wird irgendwie nicht genau in der Mitte angeordnet... Übersehe ich da vielleicht was bze. wie kann ich das mit CSS [u]genau[/u] in die Mitte bringen (relativ zur Größe des Browserfensters)? Danke schon mal im Vorraus :) [i]<gruß thj>[/i]

Antwort 1 von Friedel

Auf diese Weise kommt das Bild nicht in die Mitte. Die 50% geben die Position der linken oberen Ecke an. Und wenn die Ecke des Bildes in der Mitte ist, dann ist das Bild logischerweise links daneben.

Um ein Bild in der Mitte zu platzieren gibt es mehrere Möglichkeiten. Du kannst das Bild in ein anderes Element einschließen (z.B. in eine Tabelle, einen Absatz, ein DIV...) und dieses Element dann mit align="center" dann entsprechend formatieren.

Antwort 2 von TheHappyJoker

Danke Dir!

Ich wollte es ja eigentlich nur als Joke auf meiner Visi mal probieren.

Die Ausrichtung klappt jetzt soweit, aber der IE5.5 schneidet immer den vorderen Teil weg (der nicht in der Tabelle liegt - wenn man das Bild nach unten (im Gedanken) verschiebt).

Mozilla kann's aber korrekt anzeigen...

<gruß thj>

Antwort 3 von TheHappyJoker.

Ergänung:

Habe einen Kompromis geschlossen, und ein kleineres Bild genommen. Jetzt stört mich der "Schnitt" nicht mehr :)

<gruß thj>

Ich möchte kostenlos eine Frage an die Mitglieder stellen:


Ähnliche Themen:


Suche in allen vorhandenen Beiträgen: