Probleme mit IE
hacher
- css
Hallo!
Ich hab bei folgender Webseite Probleme mit der Darstellung im Internet Explorer 6 und 7:
http://testcode.te.ohost.de/Code/start.html
Könnt ihr mir bitte helfen, denn im IE wird das komplett falsch angezeigt, im FF 2.0.0.3 und Opera 9.xx wirds korrekt angezeigt.
xhtml:
<!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" xml:lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<title>TNT- Worlds Worst Case</title>
<link rel="stylesheet" type="text/css" href="start.css" />
<!--[if IE 6]>
<style type="text/css">@import url(ie_fix.css);</style>
<![endif]-->
</head>
<body>
<!--Die Hauptbox-->
<div id="mainbox">
<!--Der Header-->
<div id="header">
</div>
<!--Die Trennlinie unterm Header-->
<hr style="height: 5px; width: 611px; background-color: #696969; border:0px; noshade=noshade;" />
<!--Der Verlauf hinterm Content-->
<div id="verlaufhintercontent">
<!--Der Verlauf neben der Navi-->
<div id="verlaufnebennavi">
</div>
<!--Die Überschriften Leiste in Blautönen-->
<div id="leisteueberschrift"> Überschriften...
</div>
<!--Der Hintergrund vom Content-->
<div id="contentbg"><p>Text
</p>
</div>
<!--Die Navigation-->
<div id="navigationlinks">
</div>
<!--Der Hintergrund der Navigation-->
<div id="navibg">
<!--Navigation mit Listen-->
<ul id="Navigation">
<li><a href="http://tntforum.de.gg" target="_blank"> ::Forum</a></li>
<li><a href="mitglieder.html"> ::Mitglieder</a></li>
<li><a href="uebertnt.html"> ::Über TNT</a></li>
<li><a href="Kriege.html"> ::Kriege</a></li>
<li><a href="Neuigkeiten.html"> ::Neuigkeiten</a></li>
</ul>
</div>
</div>
<!-- Trennlinie footer-->
<hr style="height: 5px; width: 611px; background-color: #696969; border:0px; noshade=noshade;" />
</div>
</body>
</html>
CSS-Datei:
http://testcode.te.ohost.de/Code/start.css
Ich bitte um Hilfe, auch wenns nur ein Link zum durchlesen ist!
Hallo Du Mann/Frau/Unbekannter...
:-)
Wie soll man Dir helfen können, wenn der einzige Hinweis auf die Datei, die dein Problem verursacht in der schönen Linie
"<link rel="stylesheet" type="text/css" href="start.css" />"
besteht?
Poste Code und dann kann man weitersehen...
Grüße,
Claus
(mein Vorname, btw)
Hello out there!
Wie soll man Dir helfen können, wenn der einzige Hinweis auf die Datei, die dein Problem verursacht in der schönen Linie
"<link rel="stylesheet" type="text/css" href="start.css" />"
Der OP hatte einen URI angegeben. Weitaus hilfreicher wäre es zweifelsohne gewesen, er hätte die betreffende Seite verlinkt: http://testcode.te.ohost.de/Code/start.html*.
Daraus und aus der relativen Referenz zum Stylesheet den URI zu diesem zu erzeugen, sollte nicht schwer sein. Nur aufwändig. Besser also, der OP hätte den potentiellen Helfen diese Arbeit abgenommen und auch das Stylesheet verlink: http://testcode.te.ohost.de/Code/start.css*.
See ya up the road,
Gunnar
* So geht’s: Verweise einbinden.
Hallo, erstmal danke für die Richtigstellung.
Falls ihr einen Messenger besitzt, könnt ihr mich auch gerne da adden:
ICQ: 230303176
X-Fire: hacher
Danke schonmal!
Falls ihr nicht wisst, was das Problem ist:
Die Navigation soll rauf, also neben die Contentbox
Hallo Hacher,
Das Problem war deutlich zu sehen...
a) Gib doch mal deinen ersten zwei Listenpunkten ein padding . Null vielleicht...
ul#Navigation {
list-style: none;
float: left;
margin-left: -35px;
margin-top: -27px;
padding:0;
}
ul#Navigation li {
... padding :0 ...
}
Und gib deiner <hr> am Ende des Dokuments noch eine Regel clear:all
Dann müsstest Du weiter kommen...
Grüße,
Claus
Leider ohne Erfolg...
Hast du vielleicht sonst noch eine Idee?