✔ problem in Firefox mit display block

[Maik]

Bei mir hängt da nichts "on top" und der gesetzte Abstand paßt auch, wie der Screenshot zeigt:

 

[Axor]

Hab so ein ähnliches Problem... Hab eine Grafik in der ein Ticker rein soll...

<div style="position:absolute; width:949px; float:center">
<div id="ticker" style="position:absolute; float:left; left:517px; top:23px; width=370px">
</div>
</div>

Hab gedacht ich mach erstmals eine Box mit der Breite meiner Grafik und zentriert und in die rein dann den Ticker... im IE klappt das auch und unabhängig der Auflösung ist der Ticker an der richtigen Position... im Firefox ist der Ticker aber nicht nur verschoben sondern ändert sich dann auch noch je nach Auflösung...

Danke für alle Antworten!

 

[Maik]

• Einen Wert center gibt es nicht für die float-Eigenschaft.
  
  
• Ändere diese Zeile
  

<div id="ticker" style="position:absolute; float:left; left:517px; top:23px; width=370px">

mal folgendermaßen um:

<div id="ticker" style="position:absolute; float:left; left:517px; top:23px; width:370px;">

Vielleicht hilft dir das weiter?

 

[Axor]

Danke für den Vorschlag, hat leider nicht geholfen...

Hab durch langes googlen etwas gefunden: Firefox stellt div width nicht korrekt dar... so scheint es mir auch...

denn das erste div, welches meinen Bereich nur auf die Grafik positioniert wird scheinbar ignoriert...
im IE wird das div width korrekt interpretiert und ich erreiche mit meinem 2ten div die Position im Bereich der Grafik

im Firefox jedoch geht er nicht vom ersten div aus sondern vom linken Rand des Fensters und positioniert den Ticker deshalb nach links versetzt...

siehe Anhang...

The problem lies in a bug with IE table's not recognising the width property of any <div> container they maybe in. As a result IE interpretes a table width of 100% to mean 100% of the actual screen, not 100% of the <div> container.

 

[Maik]

Probier es doch mal so:

<div style="position:relative; left:50%; margin-left:-474.5px; top:0; width:949px;">
  <div id="ticker" style="margin-left:517px; margin-top:23px; width:370px;">ticker</div>
</div>

 

[Axor]

super, danke - das war die lösung...