Bei den Regal-Popups (zeigen bei Mouseover den Inhalt eines Regalelementes in groß) ist mir aufgefallen, dass auch im aktuellsten FF beim Überfahren der unteren 4 Regalplätze mit der Maus ein Scrollbalken für das Anzeigefenster des Browsers angezeigt wird, sofern die gesamte WI-Spielfläche fast die Anzeigefensterhöhe des Browsers einnimmt (und das, obwohl das Regal-Popup zu keinem Zeitpunkt über die WI-Spielfläche hinausragt). Dies führt zu einem unangenehmen Hin- und Herspringen der Anzeige.
Beispielcode für das Regal-Popup:
Code: Alles auswählen
<div id="rackPopup" style="background:url('http://pics.wurzelimperium.de/pics/lager/flaeche.gif') top left no-repeat;width:196px;height:177px;">
<span style="position:relative;top:10px;left:20px;" class="tnormal"><b>Heidelbeere</b></span><br>
<div style="position:relative;left:22px;top:13px;"><img src="http://pics.wurzelimperium.de/pics/lager/glas_voll.jpg"></div>
<div style="height:50px;width:50px;position:relative;left:35px;top:-67px;"><div class="ee34"></div></div>
<div style="position:relative;left:118px;top:-152px;"><img src="http://pics.wurzelimperium.de/pics/lager/hand.jpg"></div>
<div style="position:relative;top:-78px;left:20px;" class="tmenu">Benötigte Felder: 1</div>
<div class="" id="linfoAnzahl">*** x</div>
</div>
Nach meiner Erfahrung liegt das daran, dass der FF beim Rendern erst mal den gesamten Platz für den Inhalt des äußeren DIVs (id="rackPopup") "belegt", ungeachtet dessen, dass die Inhalte dann über CSS relativ positioniert und wieder nach oben verschoben werden. Meines Erachtens gibt es zwei Lösungen: Entweder die Inhalte im äußeren DIV absolut positionieren (wäre meines Erachtens sowieso sinnvoller), oder aber den äußeren DIV mit "overflow: hidden;" davon abhalten, dass für den überlaufenden Inhalt auch Platz reserviert wird (wäre einfacher, da nur ein Element angepasst werden muss).
Angaben zu meinen persönlichen Daten spare ich mir, denn sie sind irrelevant, da der Fehler im Quellcode liegt.