✔ Browserproblem bei DIV Layout - Hilfe !

[bleifresser]

Hallo,

ich bastel momentan an einer Website für eine Kartbahn. Nun zerbreche ich mir schon seit 2 Tagen den Kopf, da es zu einem komischen Fehler kommt.
Ich habe die Vorlage von einem Grafiker bekommen und hab diese in Photoshop zurecht geschnitten und mit DIV Container wieder zu einem Layout zusammen gebaut.

Nun hab ich das Problem, dass mir der FireFox (Version: 1.5.04) und der Internet Explorer (Version: 6.0.2800) die Seite nicht richtig anzeigen.
Ich hab sie mal zum besseren Verständnis auf einen Webaccount geladen:

http://www.hard-pulse.de/gfx/kart/htdocs/index.html

Damit mit man das besser sieht habe ich auch die die DIV's, die keine Hintergrundgrafik haben, mit recht knalligen Farben hinterlegt, also nicht erschrecken .
Weiterhin habe ich auch zwei Hintergrundgrafiken links und rechts vom Menü rausgenommen, damit man den Fehler im FireFox besser sieht.

Ich bin mit meinem Latein am Ende und suche dringend Hilfe .... Bitte.
MfG
Frank

 

[Sven Mintel]

Könntest du bitte mal einen Screenshot von SOLL und IST machen und ihn zur Verfügung stellen...damit man sieht, wo die Abweichungen liegen.

Die Screenshots aber bitte verlinken...die Upload-Funktion im Board hat derzeit Probleme.

 

[Maik]

Ein Grund für die Layout-Verschiebungen werden wohl die Leerzeichen / Zeilenumbrüche (= whitespaces) im HTML-Quelltext zwischen <div> ... </div> und den Grafik-Links sein:

<div class="menu_bar_m1">
				
				
				<a href="index.html"><img src="pics/menu/oeffnung_o.jpg" alt="zu den &Ouml;ffnungszeiten" name="Oeffnungszeiten" width="86" height="28" border="0" id="Oeffnungszeiten" /></a>							</div>

die sich mit dieser CSS-Regel korrigieren lassen:

a img {
display:block;
}

 

[bleifresser]

Danke Danke Danke

Der Tipp mit den Leerzeichen / Zeilenumbrüchen(= whitespaces) war super. Es klappt, nochmals vielen Dank.

MfG Frank