nicht angemeldet
Hi Palme,
<div style="text-align:center; vertical-align:middle;">
<span style="position: relative; width:800px;
height: 600px; border:1px solid #FF0000;">
<span style="position: relative; left:0px;
width:0px; height:100%;
border:1px solid #FFffff;
vertical-align:middle;">
</span>
<img src="asdf" alt=""
style="vertical-align:middle;"/>
</span>
</div>
Hab inzwischen Deinen Vorschlag mal probiert, aber leider ohne Erfolg (sowohl in IE5.5, 6, als auch in Opera) :( Hab auch einige Modifikationen probiert, klappt aber alles nicht :(
Du erzeugst also 2 nebeneinanderliegende "<span>" und richtest diese vertical mittig zueinander aus, so kommt das Bild in die Mitte, vorausgesetzt, dass das "1. <span>" die gleiche Höhe hat wie dein äußerer Rahmen (bzw. <div>).
Margin-left und Co. kannst du i.d.R. weglassen, ergibt sich ja eh "auto"matisch.
Die Idee an sich ist gut, bloß es klappt nicht :(
Ich hab noch ein Lösung gefunden, die zwar nicht ganz sauber ist, aber zumindest funktioniert:
<div style="
width:800px;
height:600px;
position:absolute;
left:50%;
margin-left:-400px; //Hälfte der Breite des divs
top:50%;
margin-top:-300px; //Analag halbe Höhe
">
<!== hier absolut mittigiger Bereich -->
</div>
Sauber ist sie deshalb nicht, weil sie bei einer Fenstergröße des Browser, die kleiner als 800x600 ist, linken und oberen Teil des div-Inhalt verschluckt.
deshalb habe ich es dir auch auf die andere Art und Weise vorgeschlagen, denn wenn du deine Auflösung änderst, egal ob größer oder kleiner, so verschiebt sich dein Bild.
Wäre super, wenn Du mir mal eine funktionierenden source von Deiner Version/Idee schicken könntest. Vielleicht seh ich den Fehler gerade nicht!
Bei meiner Version bleibt es immer in der Mitte :)) Probleme gibts nur, wenn der screen kleiner als 800x600 ist!!
Daran solltest du vor allem deshalb denken, da nicht jeder der auf deine Homepage kommt, die gleiche Auflösung hat wie du -beim Testen der Seiten.
Ja, das ist schon klar :))
Liebe Grüße
Martin