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

HP Start Seite horizontal abgeschnitten

Status
Für weitere Antworten geschlossen.

Fuchs_87

Neues Mitglied
Halo erstmal
Vorab ich bin noch neu hier und genauso neu sind meine Kenntnisse in html css und php. Also verzeiht mir bitte typische Anfänger Fehler.

Zu meinem Problem:
Ich hoffe dass ich es im richtigen Bereich gepostet hab.
Die Start-Seite meiner HP wird sobald man mit der Maus über den oberen Index fährt horizontal abgeschnitten. Dies passiert nur beim IE6. FF und Opera sowie andere IE zeigen es richtig an.
Desweiteren bekomm ich beim Validieren des Codes den Fehler schließendes DIV-Element zu <div id=content> fehlt. Dieses schließende Element ist jedoch vorhanden.
Der selbe Index wird auf anderen Seiten meiner HP 1:1 genauso verwendet da ich über include arbeite.
Hier der dazugehörige Quellcode:

HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
                               
<meta http-equiv="Content-Language" content="en-gb" >
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
 
<title>Freiwillige Feuerwehr Egling</title>
<link href="stylesheet.css" rel=stylesheet type="text/css">
</head>
<body>
<script type="text/javascript"><!--//--><![CDATA[//><!--
startList = function() {
  if (document.all&&document.getElementById) {
    navRoot = document.getElementById("nav");
    for (i=0; i<navRoot.childNodes.length; i++) {
      node = navRoot.childNodes[i];
      if (node.nodeName=="LI") {
        node.onmouseover=function() {
          this.className+=" over";
        }
        node.onmouseout=function() {
          this.className=this.className.replace(" over", "");
        }
      }
    }
  }
}
window.onload=startList;
//--><!]]></script>
<div id=head>
     Freiwillige Feuerwehr Egling
</div>
<br>
<!-- Navigations-Leiste -->
<ul id="nav">
<li>
<div><a class=navi href="index2.php">Startseite</a></div>
</li>
<li>
<div><a class=navi href="">Feuerwehr</a></div>
<ul>
<li><a class=navi href="index.php?page=Warum">Warum Feuerwehr?</a></li>
<li><a class=navi href="index.php?page=Geschichte">Geschichte</a></li>
<li><a class=navi href="index.php?page=Verein">Verein</a></li>
<li><a class=navi href="index.php?page=Uebungen">Übungen</a></li>
</ul>
</li>
<li>
<div><a class=navi href="first_responder.php">First-Responder</a></div>
<ul>
<li><a class=navi href="index.php?page=Wer-sind-wir">Wer sind wir?</a></li>
<li><a class=navi href="index.php?page=Was-tun-wir">Was tun wir?</a></li>
<li><a class=navi href="index.php?page=FR-Ausruestung">Ausrüstung</a></li>
</ul>
</li>
<li>
<div><a class=navi href="index.php?page=Jugend">Jugend</a></div>
</li>
<li>
<div><a class=navi href="">Ausrüstung</a></div>
<ul>
<li><a class=navi href="index.php?page=Fahrzeuge">Fahrzeuge</a></li>
<li><a class=navi href="index.php?page=Schutzanzuege">Schutzanzüge</a></li>
<li><a class=navi href="index.php?page=Waermebildkamera">Wärmebildkamera</a></li>
<li><a class=navi href="index.php?page=Tauchpumpe">Tauchpumpe</a></li>
<li><a class=navi href="index.php?page=Absturzsicherung">Absturzsicherung</a></li>
</ul>
</li>
<li>
<div><a class=navi href="">Einsätze</a></div>
<ul>
<li><a class=navi href="index.php?page=Einsatzarchiv&jahr=2007">Einsätze 2007</a></li>
<li><a class=navi href="index.php?page=Einsatzarchiv&jahr=2008">Einsätze 2008</a></li>
</ul>
</li>
<li>
<div><a class=navi href="">Gästebuch</a></div>
<ul>
<li><a class=navi href="index.php?page=Gaestebuch">Einträge lesen</a></li>
<li><a class=navi href="index.php?page=Schreiben">Eintrag schreiben</a></li>
</ul>
</li>
<li>
<div><a class=navi href="">Infomaterial</a></div>
<ul>
<li><a class=navi href="index.php?page=Erste-Hilfe">Erste Hilfe</a></li>
<li><a class=navi href="index.php?page=Notruf">Notruf</a></li>
<li><a class=navi href="index.php?page=Links">Links</a></li>
<li><a class=navi href="index.php?page=Kontakt">Kontakt</a></li>
<li><a class=navi href="index.php?page=Impressum">Impressum</a></li>
</ul>
</li>
</ul>
<br><br>
<div id=index>
     <img src="http://www.html.de/images/wappen_egling.jpg" alt="Wappen Egling">
     <h4>Sonstiges:</h4>
     <h5><a href="Veranstaltungen.php">Veranstaltungen</a></h5>
     <h5><a href="index.php?page=Organisation">Organisation</a></h5>
     <h5><a href="geraetehaus.php">Gerätehaus</a></h5>
     <h5><a href="Statistiken.php">Statistiken</a></h5>
     <h4>Internes:</h4>
     <h5><a href="Termine.php">Termine</a></h5>
     <h5><a href="/Interner Bereich/Interner_bereich.php">Adminbereich</a></h5>
     <br><br><br>
     <h5><a href="index.php?page=Impressum">Impressum</a></h5><br><br>
         
</div>
<div id=content>
     <img src="http://www.html.de/images/startseite.gif" alt="Loeschen Retten Schuetzen Bergen">
</div>
<div id=var>
     <img src="http://www.html.de/images/feuerwehr_logo.bmp" class=bild_rechts width="50%" alt="Logo Freiwillige Feuerwehr Egling">
     <h4>Aktuelles:</h4>
     
</div>
</body>
</html>
Ich hoffe ihr könnt mir helfen. Vorab schon mal Danke
 
Zuletzt bearbeitet:
Hängt es vielleicht daran, das um content keine "" sind? (div class="content"), obwohl das ja in HTML4 noch erlaubt sein soll...
 
Moin,

die CSS bräuchten wir auch noch dazu, sonst können wir nur raten:
-Guillotine-Bug??
-hat a, li und/oder ul kein Layout für den IE????

koslowski

edit. Mist, zu langsam geraten.:-)
 
Zuletzt bearbeitet:
Moin,

der Code ist ja nicht gerade leserlich formatiert (hier im Forum) und mit Link wäre es natürlich einfacher gewesen.

Die Fehlermeldung mit dem schließenden div kann auch daher kommen, dass vor dem Schließen des #content ein anderes Tag geschlossen wird, das vorher geöffnet wird. Vielleicht hilft Dir das.

Dann ist mir aufgefallen, dass Du in jedem <li> noch ein <div> um ein <a> hast. Das ist ja wohl überflüssig. <div> verwendet man zum Gruppieren von mehreren Elementen zwecks gemeinsamer Formatierung durch CSS.

Grüße,
-Efchen
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben