Fehler in HTML Dokument - Internet Explorer

vom 20.10.2012, 12:03 Uhr

Ich habe derzeit ein komisches Problem mit meiner kleinen Internetseite, die wir mit HTML und CSS für die Schule anfertigen sollten: Ich habe also eine kleine Seite, auf der rechten Seite ein Menü mit CSS gestaltet. Es funktioniert alles perfekt, nur habe ich das Problem, dass in Internet Explorer das aktuelle bzw. in meinem Fall die Startseite nicht richtig angezeigt wird. Ich habe 3 Menüoberpunkte: Startseite, Geschichte und Allgemein. Der Menüpunkt Startseite wird im Internet Explorer leicht verschoben nach links dargestellt. Die anderen Punkte passen einwandfrei in der Menüleiste. Die Leiste ist eben so aufgebaut, dass die Punkte untereinander stehen.

Wenn ich das Gleiche Dokument in Mozilla Firefox öffne, dann werden die Menüpunkte perfekt untereinander dargestellt. Ich habe überwiegend mit Mozilla Firefox gearbeitet, wodurch wahrscheinlich das Problem auftrat, dass einzelne Browser andere Inhalte anzeigen. Das ganze passiert nur bei der aktuellen Seite: Wenn ich das Dokument „Startseite.html“ öffne, dann ist der Button Startseite verschoben, weil er mit der „Startseite.html“ verknüpft ist. Wenn ich auf „Allgemein“ klicke, wird die Seite „Allgemein.html“ geöffnet, dann ist nur dieser Button verschoben und die Startseite passt wieder.

Kennt sich jemand mit HTML / CSS gut aus und kann mir erklären, wo hier das Problem liegen könnte? Wir müssen das Dokument in der Schule mit Internet Explorer öffnen, das heißt es muss dazu kompatible sein. Ich weiß, dass es ein Fehler von mir war, es in Mozilla Firefox zu schreiben bzw. daran anzupassen, aber ich weiß ehrlich gesagt nicht wo der Fehler liegen könnte. Ich habe mich auch im Internet mal schlau gemacht, jedoch finde ich dort nichts, was mir helfen könnte. In Mozilla Firefox funktioniert wie gesagt alles wie es soll, in Internet Explorer tritt eben diese Verschiebung des Aktuellen Menüpunktes auf. Ich weiß nicht, was ich falsch gemacht haben könnte. Ich habe auch die aktuellen Versionen von Internet Explorer und Mozilla Firefox. Als Programm zum Schreiben verwende ich Notepad++, falls das von Bedeutung sein sollte.

Benutzeravatar

» Dominik12 » Beiträge: 1689 » Talkpoints: 7,61 » Auszeichnung für 1000 Beiträge



Und wie soll dir jemand helfen können, wenn man den Code nicht kennt? Sorry, aber nur von der Beschreibung her, kann man einen Verdacht äußern. Mehr aber auch nicht. Denn die Ursachen können eben zu vielfältig sein. Daher wäre es gut, wenn man den Code mal irgendwo einsehen könnte.

» Punktedieb » Beiträge: 17970 » Talkpoints: 16,03 » Auszeichnung für 17000 Beiträge


Ok. Hier habe ich den Code mal, vielleicht weiß ja jemand, wo der Fehler liegen könnte. Es kann sein, dass im Code einige Unstimmigkeiten sind, aber das liegt daran, dass ich erst gestern damit begonnen habe:

HTML:
Code: Alles auswählen
<!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">

<head>
<title>FTP Informationsseite - Startseite</title>
<link rel="stylesheet" type="text/css" href="page.css" />

</head>

<body>

<div class="outer-container"></div>

<div class="inner-container">

<div class="content">
<h5>Mit dem Internet-Dienst FTP (File Transfer Protocol, deutsch: Dateiübertragungs-Protokoll),
lassen sich Texte, Programme, Filme, Tondateien und Bilder zwischen Computern übertragen. </h1>
</div>

<div class="navigation"><br>
<ul id="navigation">
<li><a href="Startseite.html">STARTSEITE</a></li>
<li><a href="Geschichte.html">GESCHICHTE</a></li>
<li><a href="Sicherheit.html">SICHERHEIT</a></li>

<div class="logo">
<img src=ftp_logo.png>
</ul>
</div>


</div>

</div>
</div>
</div>

</body>
</html>


CSS:

Code: Alles auswählen
<!--

.inner-container {
margin: 0 auto;
width: 1200px;
height: 700px;
margin-top: 5px;
background-image: url(page.png);
}

.outer-container {
background: white;
}


.logo {
float: right;
margin: 75px;
margin-top: 150px;
}

.content {
float: right;
width: 792px;
height: 541px;
margin-right: 40px;
margin-top: 90px;
color: white;
font-size: 20px;
font-family: arial;
}

.navigation {
float: left;
margin-left: 32px;
width: 304px;
height: 591px;
margin-top:140px;
}

ul#navigation {
padding: 5px;
list-style-type: none;
width: 300px;
height: 24px;
margin-left:-18px;
color: white;
}

ul#navigation li {
margin: 10px;
color: white;
}

ul#navigation li a:link {
display: block;
padding: 3px;
margin-left:5px;   
font-family: Arial;
font-weight: bold;
text-decoration: none;
background-image: url(button1.png);
color: white;
}

ul#navigation li a:hover {
background-image: url(button1hover.png);
color: #FFD70C;
}

 a:visited{color: white;}

-->

Benutzeravatar

» Dominik12 » Beiträge: 1689 » Talkpoints: 7,61 » Auszeichnung für 1000 Beiträge



Ähnliche Themen

Weitere interessante Themen

^