Darstellungsproblem im Firefox

[Ouzo]

Hallo zusammen,
ich habe ein kleines Problem mit dem Firefox.

Internet Explorer:


Firefox:


Wie man sieht, hat der Firefox wohl ein Problem mit dem Zeilenumbruch, denn dort ist ein ca. 5px großer Abstand so daß der Hintergrund zu sehen ist.

Hier einmal der Quelltext:

p {
    margin : 0;
    padding : 0;
  }
#logo {
    position : absolute;
    top : 0;
    left : 0;
    z-index : 3;
    padding : 0;
    margin : 0;
    width : 849px;
  }

<div id="logo">
<p>
<img src="images/b_01.jpg" width="418" height="24" border="0" alt="">
<img src="images/b_02.jpg" width="92" height="24" border="0" alt="">
<img src="images/b_03.jpg" width="93" height="24" border="0" alt="">
<img src="images/b_04.jpg" width="96" height="24" border="0" alt="">
<img src="images/b_05.jpg" width="111" height="24" border="0" alt="">
<img src="images/b_06.jpg" width="39" height="24" border="0" alt="">
<img src="images/b_07.jpg" width="849" height="98" border="0" alt="">
<img src="images/b_08.jpg" width="18" height="23" border="0" alt="">
<img src="images/b_09.jpg" width="96" height="23" border="0" alt="">
<img src="images/b_10.jpg" width="101" height="23" border="0" alt="">
<img src="images/b_11.jpg" width="96" height="23" border="0" alt="">
<img src="images/b_12.jpg" width="95" height="23" border="0" alt="">
<img src="images/b_13.jpg" width="443" height="23" border="0" alt="">
</p>
</div> 

Es würde mich freuen wenn jemand den Fehler erkennt. Laut W3C sind sowohl HTML als auch CSS valid.

MFG
Ouzo

[atog]

Re: Darstellungsproblem im Firefox

Original geschrieben von Ouzo
Es würde mich freuen wenn jemand den Fehler erkennt. Laut W3C sind sowohl HTML als auch CSS valid.

Das verhindert nicht, dass IE und Mozilla die Seiten unterschiedlich interpretieren leider...

Du musst wohl oder übel auf Browserweichen zurückgreifen. Dies ist z.b. direkt im CSS möglich. Ich denke, wenn du dem grossen Bild in der Mitte eine eigene CSS-Klasse zuweist und dort ein wenig rumspielst, kannst du den Fuchs dazu bringen, die Seite richtig anzuzeigen. Nachher diese Klasse nur noch schön vor dem IE tarnen, siehe Link.

http://www.lipfert-malik.de/webdesig...Browserweichen


Ist vlt eine Frickellösung, sollte aber funktionieren.

[wahsaga]

Re: Darstellungsproblem im Firefox

Original geschrieben von Ouzo
Hier einmal der Quelltext: [...]

was bitte soll dieses schnippselchen über das problem aussagen?

man weiß nicht, welches bild welches ist, ob die noch irgendwie formatiert sind, etc.

problembeschreibung: sechs, setzen.
bitte vollständiges online-beispiel liefern.


(tippe mal auf unterlängen-problem.)

[Ouzo]

Gut das ich aus der Schule raus bin!
Hier der Link: klick

Gruß
Ouzo

[wahsaga]

hm, könnte wirklich an den unterlängen liegen.

bilder im logo mal alle mit vertical-align:bottom formatieren.
(kann's gerade nicht überprüfen, da keinen FF zur hand ...)

[Ouzo]

Das war es! Ich danke dir.