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.
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>
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>
Habe einen Kompromis geschlossen, und ein kleineres Bild genommen. Jetzt stört mich der "Schnitt" nicht mehr :)
<gruß thj>