• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Problem mit Browser

J

Johannes11

Neues Mitglied
Hallo zusammen. Ich habe gerade das erste Mal eine HP an der ich gerade sitze, im Internet Explorer getestet und dort wurde sie ziemlich anders dargestellt als zuvor in Safari. In Firefox ist sie halbwegs richtig, aber im Explorer hat z.B. ein horizontales Menü mit vier Punkten einen Umbruch, so dass der letzte Punkt in einer neuen Zeile ist, was er eigentlich nicht soll (das gleiche Problem ist auch in Firefox). Beim Explorer wird auch ein vertikales Menü anders angezeigt; die Zeilenabstände sind doppelt so breit und es ist viel weiter in die Mitte eingerückt. Ausserdem funktioniert die Lightbox nicht .. Gibt es da (elementare) Sachen die ich nicht beachtet habe für den Internet Explorer?
Ich bin für jede Hilfe dankbar

Viele Grüße

Johannes
 
Hallo,

das der Internet Explorer Webdesignern Probleme bereitet ist allgemein bekannt, auch wenn sich er sich in den letzten Versionen etwas gebessert hat (mMn aber nicht genug, der 10er sieht immerhin etwas vielversprechender aus). Mit welcher Version des IE hast du denn getestet? Teile deines Codes wären vielleicht interessant. Wie sieht es dort mit Doctype und Validität aus?
 
Der Doctype, den ich in den Dokumenten stehen habe:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Der Umbruch beim horizontalen Menü kommt nur beim (älteren) Firefox auf meinem PC-Laptop aber nicht beim aktuellen Firefox auf meinem Mac. Die Explorer-Version ist nicht die neueste.

Hier der Code vom Sprachmenü:

<ul id="language_nav">
<li id="ausg"><a href="index.html">english</a></li>
<li><a href="main_de.html">deutsch</a></li>
<li><a href="main_fr.html">français</a></li>
<li><a href="main_pl.html">polski</a></li>
</ul>

#language_nav {


padding-top: 0px;
padding-left: 40px;
width:200px;
font-style:italic;
font-size:10px;
float: left;
list-style-type: none;
color:#0caace;
}


#language_nav li {
float:left;
margin-right:16px;
}

Und vom anderen Menü, bei dem die Zeilenabstände und die Einrückung falsch ist:

<ul id="menue_nav">
<li><a href="1_en.html">PUNKT1</a></li><br />
<li><a href="2_en.html">PUNKT2</a></li><br />
<li><a href="3_en.html">PUNKT3</a></li><br />
<li><a href="4_en.html">PUNKT4</a></li><br />
<li><a href="5_en.html">PUNKT5</a></li><br />
<li><a href="6_en.html">PUNKT6</a></li><br />
<li><a href="7_en.html">PUNKT7</a></li><br />
<li><a href="8_en.html">PUNKT8</a></li><br />
</ul>

#menue_nav {
clear:left;
width:230px;
padding: 0;
padding-left: 10px;
padding-top: 20px;
font-size:10px;
list-style-type: none;
font-style:italic;
line-height: 26px;
}




#menue_nav a {
float:left;
text-decoration: none;
font-style:italic;
color: #58585a;
}

Schöne Grüße
 
Kontrolliere, ob dein HTML-Code valide ist. Ich sehe schon an der zweiten Liste, dass dies nicht der Fall ist.

Wenn der HTML-Code dann valide ist, prüfe deinen CSS-Code. Für ältere IEs musst Du hasLayout setzen, das erreicht man in Menüs z.B. schon durch setzen von "height: 1%;" für die Listenpunkte.

Ohne deinen kompletten Quellcode oder einen Link zur Seite kann man aber nur raten was Du falsch machst. Daher bitte die obigen Tipps berücksichtigen.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben