Hallo,
Hierbei handelt es sich nicht um absolute Positionierung.
nein, aber um relative Positionierung, ohne die Bezugslage zu kennen. Das ist fast noch schlimmer.
<div style="background:url('images/windows/attributes.jpg');width:256px;height:448px;font-size:0.8em;color:white">
<div align="center" style="width:150px;position:relative;left:80px;top:33px;">Player</div>
<div align="center" style="width:150px;position:relative;left:80px;top:35px;">hometown</div>
[...]
</div>
Du positionierst relativ, ohne zu wissen oder festzulegen, wo die Elemente ohne diese relative Positionierung liegen würden. Nehmen wir mal an, margin und padding seien jeweils 0, das ist bei einem neutralen Element wie div wohl glaubwürdig. Aber wie hoch die div-Elemente sind, legst du nicht fest. In deinen beiden Screenshots sieht man ja auch schon, dass die Schrift etwas anders aussieht (vermutlich wegen der fiesen Schriftglättung im IE). Auch die exakten Proportionen der Schrift (Zeilenhöhe) legst du nicht fest - sehe ich jedenfalls nicht in deinem Codeauszug.
Und bei all diesen Freiheitsgraden wunderst du dich, dass die Darstellung nicht exakt gleich ist?
Abgesehen davon beschleicht mich der furchtbare Verdacht, das dunkle Feld ist nur eine einzige Hintergrundgrafik, und die Texte sind einfach draufgeklatscht.
So long,
Martin
--
Wer mit dem Finger droht, sollte ihn am Abzug haben, und nicht in der Nase.