nicht angemeldet
In meiner CSS-Datei habe ich folgenden Code geschrieben:
#dialogbox {
margin-top:57px;
margin-left: 45px;
float:left;
padding:0;
border:none;
}
#dialogboxfix {
margin-top:75px;
margin-left: 45px;
float:left;
padding:0;
border:none;
position:fixed;
}
Auf manchen Seiten habe ich die Box gerne fixiert und nur die weiteren Elemente scrollen nach unten, so dass der Anzeigebereich (Box) immer fest und im Sichtfeld ist. Auf anderen Seiten scrollt die ganze Seite. Auf den fixierten Seiten springt durch die Fixierung die Dialogbox um 18 pixel nach oben, so dass ich um das auszugleichen, margin-top 18 pixel größer machen muss, damit die Box auf allen Seiten (fixierte und nicht fixierte Box) im ungescrollten Zustand genau an der gleichen Stelle steht. Im IE springt die Box gar nicht, was ja so sein soll. Im Safari 3-4 Pixel mehr oder weniger als sonst die 18.
Ähnliches Problem: Auch bei divs die mit float right oder left und mit fester width und durch margin auf Abstand nebeneinander angeordnet werden bestehen zwischen IE und den anderen Browsern und wiederum Safari geringe Pixelunterschiede. Woher kommt dies jeweils?
Ich habe inzwischen festgestellt, dass ich das gleiche Problem mit float und position:absolute habe, es verspringt nach oben. Ich vermute mal es hat mit float zu tun. Wenn ich in anderen Dateien beispielsweise position:fixed oder absolute benutze, wo also kein float verwendet wird, gibt es kein verspringen nach oben, habe es noch nicht 100% verifiziert. Kann mir einer sagen, woran das jeweils liegt.
Danke
Thomas