IE / Firefox

[FunMax 0]

Hallo,

Ich wieder mal. Folgendes Problem tut sich auf:

Im IE sieht das Forum so aus:

Mit Firefox allerding so:

oder auch so:

Hat jemand eine Ahnung, woran das liegen könnte?

Grüße, Max

[OrcaDesign 0]

Hat jemand eine Ahnung, woran das liegen könnte?

Vielleicht.

Mit Sicherheit ist es allerdings immer schwer zu helfen, ohne den Quellcode der betreffenden Stelle - und v.a. der betreffenden CSS-Beschreiber- zu kennen. :w00t:

[FunMax 0]

Achso, ja, daran hätte ich denken können......

Hier ist der Quelltext von der betreffenden Stelle:

<script type="text/javascript" src='jscripts/ipb_global.js'></script>

<!--ipb.javascript.end-->

<div class="borderwrap">

	<div id="logostrip"><a href='http://www.redbullsalzburg-board.com/board/index.php?'><!--ipb.logo.start--><img src='style_images/2/logo4.gif' style='vertical-align:top' alt='www.redbullsalzburg-board.com' border='0' /><!--ipb.logo.end--></a></div>

	<div id="submenu">

  <p class="home"><!--ipb.leftlinks.start--><a href=" ">www.redbullsalzburg-board.com</a><img src='style_images/2/atb_help.gif' style='vertical-align:top' alt='Boardregeln' border='0' />&nbsp;<a href="http://www.redbullsalzburg-board.com/board/index.php?act=boardrules">Boardregeln</a><!--ipb.leftlinks.end--></p>

  <p><!--ipb.rightlinks.start-->	<img src='style_images/2/atb_help.gif' style='vertical-align:top' alt='FAQ' border='0' /><a href="http://www.redbullsalzburg-board.com/board/index.php?act=Help">FAQ</a><img src='style_images/2/atb_search.gif' style='vertical-align:top' alt='Suche!' border='0' /><a href="http://www.redbullsalzburg-board.com/board/index.php?act=Search&amp;f=">Suche!</a><img src='style_images/2/atb_members.gif' style='vertical-align:top' alt='Mitglieder' border='0' /><a href="http://www.redbullsalzburg-board.com/board/index.php?act=Members">Mitglieder</a><img src='style_images/2/atb_calendar.gif' style='vertical-align:top' alt='Kalender' border='0' /><a href="http://www.redbullsalzburg-board.com/board/index.php?act=calendar">Kalender</a><!--IBF.CHATLINK--><!--IBF.TSLLINK-->

  <!--ipb.rightlinks.end--></p>

	</div>

</div>

v.a. der betreffenden CSS-Beschreiber

Tja, ich hätte zwar gesucht, aber ich finde die Stelle nicht. Bzw. weiß ich nicht, welche Stelle die richtige ist. Ich meine submenu gibts ja einige........

[OrcaDesign 0]

Mir ist was ganz anderes eingefallen, ganz allgemeine Fehlerquelle, die hier auch zu passen würde: lass Deine Seite mal im W3C-Validator checken... hatte das auch schon öfter, dass ich da irgendwo ein <div> (etc) zuviel oder zuwenig drinne hatte und das dann jeder Browser anders auszukorrigeren versuchte.

Mit dem Validator kommt man leicht dahinter, weil der dann meckert a la "missing open" oder so.

Beispiel: bei mir verschwanden neulich alle möglichen Unterstriche von Links. Keiner wusste, warum. Was war's? Ein nicht abgeschlossenes <h1> - Dinge auf die man als letztes kommen würde!

Weil Dein XHTML-Code da sieht eigentlich in Ordnung aus, ebenso das Verhalten allgemein passt zu dem, was im CSS an wichtigen Formatierungen stehen sollte (so prinzipiell ist alles enthalten, nach den drei Bildern).

Edited October 5, 2005 by OrcaDesign

[FunMax 0]

Hmmmm, den W3C-Validator kann ich doch nur nutzen, wenn ich den server, auf dem das Forum liegt, bei mir stehen habe, oder? Ich kenn mich da echt nicht aus

Ich denke ja, dass es etwas mit den <align.....> zu tun hat, da ja die links unter firefox nach oben verschoben werden, manchaml auch hinter den Banner (siehe Unterschied 2. und 3. Bild --> beide mit firefox, aber unterschiedliche Rechner. Ich habe mit einem Freund schon ein bisschen herumexperimentiert, aber es ändert sich nicht wirklich was.........

Hier hab ich noch die divs:

<div class="borderwrap">

<div id="logostrip">

</div>

<div id="submenu">

</div>

</div>

Und hier die dazugehörigen css:

.borderwrap,

.borderwrapm

{

border: 1px solid #00295F;

color: #00295F;

padding: 0px

}


#logostrip

{

background: url('2/tile_back.gif');

border: 1px solid #00295F;

height: 68px;

color: #00295F;

}


#submenu

{

background: url('2/tile_sub.gif');

border: 1px solid #00295F;

color: #00295F;

padding: 5px;

}

Edited October 6, 2005 by FunMax

[OrcaDesign 0]

Ne, um den Validator zu nutzen, brauchst Du nur eine Seite aufrufbar im Netz liegen zu haben.

In Deinem Fall: http://validator.w3.org/check?verbose=1&ur...board/index.php

Und gleich auch zwei von der Sorte Fehler gefunden, wie ich sie vermutete:

# Error  Line 398 column 7: end tag for "tr" omitted, but OMITTAG NO was specified.


</table>


You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".


✉

# Info Line 382 column 1: start tag was here.


	<tr>


# Error Line 423 column 5: end tag for element "div" which is not open.


</div>

Der Rest ist der übliche "unbedenklich"-Kram.

Jedenfalls, als Ergebnis: es fehlt ein </tr> - und zusätzlich ist ein </div> zuviel enthalten...

... was für Browser dann halt schwer wird darzustellen. Der eine interpretiert's so, der andere so... halt undefinierbar, was bei solchen Seiten raukommt. Woher soll der Browser es auch wissen, was Du Dir dabei gedacht hast. :-)

Wobei Du Dir vielleicht auch bei Gelegenheit mal anschauen solltest, was XHTML ausmacht bzw. wie dort die Tags aussehen... denn der Validator zeigt nicht wenige Fehler an, die durch HTML kommen. Das aber nur am Rande, daher kommt der Fehler in der Anzeige jetzt nämlich bestimmt nicht.

(<br> statt <br />, <img ....> statt <img ... /> , usw.)

Edited October 6, 2005 by OrcaDesign

[FunMax 0]

Danke, ich werd mir das mal anschauen! :w00t:

[GreyCrow 0]

Empfehlung gerade für Firefox:

Die HTML Validator Erweiterung (letzte Version war so meine ich 0.7.1). Damit wird in der Statusbar direkt angezeigt, ob die Seite valide ist und was nicht stimmt wird direkt in der Quellcode Ansicht (strg+u) eingeblendet. Äußerst praktisch in solchen Fällen.

[FunMax 0]

OK, hat sich erledigt, ich hab den Fehler gefunden:

Der logostrip war auf 65 Pixel eingestellt, das Bild darin ist aber 105 px hoch. Das hat der FireFox wohl nicht gemocht. Jetzt paßt es.

Danke für die Hilfe!