Hi,

Unter unten genannter URL [http://video.airmack.de/comments.php] wird eine Seite mit einem Bild von einem Fernseher aufgerufen. Dieses Bild ist absolut positioniert in einem relativ positionierten div. Wenn ich nun im Firefox die Seite lade erscheinen oben ueber dem Logo zwei weisse Leisten und unter dem Fernseherbild ist der Rest der Seite weiss; wenn ich nun das Browserfenster mit der Maus verlasse, erscheint an diesen stellen wieder die eigentlich Hintergrundfarbe, ein Grau.

ich habe leider gerade keinen Firefox zur Hand - aber das beschriebene Verhalten klingt für mich *sehr* nach einem Bug. Zumal ich auf dem Element oder dem darin enthaltenen Link in deinem Stylesheet auch keinen Hover-Effekt finde.

In Opera und Konqueror treten die weissen Streifen jedoch nicht auf.

Im IE auch nicht.

Achja, wo wir schonmal dabei sind, warum zeigen Opera und Konqueror den weissen Text "A channel on karate and martial arts" abgeschnitten an der Oberleiste des Viewports an? Bzw. warum zeigt mein Firefox mir dies nicht an?

Das irritiert mich auch etwas; aber da haben die Browser wohl unterschiedliche Auffassungen über die "Normallage" dieses Absatzes. Den nimmst du ja mit float:right aus dem regulären Elementfluss heraus; Opera würde ihn dann oben rechts im Browserfenster plazieren, andere Browser unterhalb des Logos am rechten Rand. Mit dem negativen margin-top ziehst du das Element dann von dort aus nach oben.
Ich würde ganz einfach die Reihenfolge ändern (erst den Absatz mit float:right, dann das Logo) und auf das negative margin-top verzichten.

Übrigens fällt mir noch etwas anderes auf. Ich habe deine Beschreibung beim ersten Durchlesen nicht richtig verstanden und deshalb auf das große Bild im Content-Bereich geachtet. Warum bekommen Opera und IE hier eigentlich zwei unterschiedliche Bilder ausgeliefert, obwohl gar keine Alphatransparenz verwendet wird?

So long,
 Martin

Hallo,

Wenn ich nun im Firefox die Seite lade erscheinen oben ueber dem Logo zwei weisse Leisten und unter dem Fernseherbild ist der Rest der Seite weiss; wenn ich nun das Browserfenster mit der Maus verlasse, erscheint an diesen stellen wieder die eigentlich Hintergrundfarbe, ein Grau.
In Opera und Konqueror treten die weissen Streifen jedoch nicht auf.
Tritt das Problem bei euch im Firefox auch auf; wenn ja, woran kann das liegen? Welcher Browser hat Recht mit der Darstellung?

Richtig ist, dass alles einheitlich grau ist:
Works for me/Firefox 3.0

Das Headerdiv bekommt erst einen margin-top von 25px (in diesem div befindet sich der Paragraph mit der Schrift) und dann bekommt eben jener Paragraph ein margin-top von -35px verpasst. Warum ist der Text nun im Firefox nicht um 10px abgeschnitten?

Ohne den negativen Margin fängt dieser Text genau unterhalb des Bildes links an (was auch richtig ist), nur dass der Text rechts liegt. Entweder schreibst du den Text im Quellcode _vor_ das Logo oder du musst den Margin entsprechend anpassen. Stattdessen kannst du auch Positionierung verwenden.

Noch was: Bei einigen der "Fernsehbildern" benutzt du left:...px. Das ergibt aber eine unschöne horizontale Scrollleiste. Du solltest das mit der Positionierung der Fernsehbilder noch einmal überdenken.

Gruß