✔ Problem mit CSS Design und Myspace (positioning im IE)

[Maik]

Hi,

im "Normalfall" würde die Regel für den IE einfach so lauten:

td.text object {position:absolute; top:520px; left:50%; margin-left:-140px; z-index:9; }
/* Star-HTML-Hack für IE */
* html td.text object {top:1000px;}

Die Korrektur der Startposition top ist kein Problem, aber mit der korrekten horizontalen Ausrichtung tut sich der IE weiterhin schwer, wenn seine Fensterbreite skaliert wird, und belässt das Objekt in seiner Ausgangsposition gegenüber der Tabelle, die sich in der Fenstermitte ausrichtet.

Da es sich um das <object> im <div>-Block mit dem ID-Bezeichner "profile_mp3Player" dreht, und wir gestern Abend von Quaese gelernt haben, dass das #-Zeichen von myspace aus dem Code entfernt wird (im Stylesheet würde dies dem ID-Selektor "#profile_mp3Player" entsprechen), die Klassenbezeichner (mit einem Punkt vor dem Namen) hingegen aber zulässig sind, lässt sich das Problem anstelle dieser Zeile:

td.text object {position:absolute; top:520px; left:50%; margin-left:-140px; z-index:9; }

mit diesem Code aus der Welt schaffen:

• HTML:

<div class="profile_mp3Player"><!-- Hier folgt der mp3Player --></div>

• CSS:

.profile_mp3Player {position:absolute; top:1000px; left:50%; margin-left:-120px; z-index:9; }

Da die CSS-Regel nun auf den DIV-Block angewendet wird, ändert sich das Positionsverhalten in allen Browsern (sie gleichen sich dem IE an), dem mit top:1000px und margin-left:-120px Rechnung getragen wird.

mfg Maik