Webseite verzerrt im IE beim ersten öffnen

danyrep · 18 Februar 2012

Hallo,

ich habe mir nun ein Menü gebaut, was zu 99% richtig funktioniert,
bis auf kleine Aussetzer die zeitweise auftreten und letzt endlich keiner Logik entsprechen

Ursprünglich zeigte der MFF, außer o.g. alles korrekt an, wo hingegen jedoch wiederum der IE beim „ersten Laden“ bzw. beim Öffnen der Seite "einmalig" alles in die Breite gezerrt zeigt. Nochmals aktualisiert bzw. F5 gedrückt, erscheint das dann richtig.

Meistens bleibt es so, nur selten erscheint bei jedem Neuaufruf der Seite im IE teilweise das verzerrte Bild erneut, als nächstes (F5) wieder okay.

Was könnte das für eine Ursache haben?
Woran liegt das ganze?

Danke!

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
 
  
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 
<title>TEST.</title>
 
 
<script type="text/javascript">
if(window.navigator.systemLanguage && !window.navigator.language) {
  function hoverIE() {
    var LI = document.getElementById("Navigation").firstChild;
    do {
      if (sucheUL(LI.firstChild)) {
        LI.onmouseover=einblenden; LI.onmouseout=ausblenden;
      }
      LI = LI.nextSibling;
    }
    while(LI);
  }
 
  function sucheUL(UL) {
    do {
      if(UL) UL = UL.nextSibling;
      if(UL && UL.nodeName == "UL") return UL;
    }
    while(UL);
    return false;
  }
 
  function einblenden() {
    var UL = sucheUL(this.firstChild);
    UL.style.display = "block"; UL.style.backgroundColor = "#ffffac";
  }
  function ausblenden() {
    sucheUL(this.firstChild).style.display = "none";
  }
 
  window.onload=hoverIE;
}
</script>
 
 
<style type="text/css">
   body {
    font: normal 100.01% Helvetica, Times; font-weight: bold; font-style: italic;
    color: black; background-color: #ffffac;
  }
 
  ul#Navigation {
    margin: 0; padding: 0;
    text-align: center;
  }
 
  ul#Navigation li {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin: 0.4em; padding: 0;
  }
  * html ul#Navigation li {  /* Korrektur fuer den IE 5 und 6 */
    margin-bottom: -0.4em;
  }
  *:first-child+html ul#Navigation li {  /* Korrektur fuer den IE 7 */
    margin-bottom: -0.1em;
  }
 
  ul#Navigation li ul {
    margin: 0; padding: 0;
    position: absolute;
    top: 1.6em; left: -0.4em;
    display: none;  /* Unternavigation ausblenden */
  }
  * html ul#Navigation li ul {  /* Korrektur fuer IE 5.x */
    left: -1.5em;
    lef\t: -0.4em;
  }
  *:first-child+html ul#Navigation ul {  /* Workaround fuer den IE 7 */
    background-color:silver; padding-bottom:0.4em;
  }
  ul#Navigation li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
  }
  ul#Navigation li ul li {
    float: none;
    display: block;
    margin-bottom: 0.2em;
  }
 
  ul#Navigation a, ul#Navigation span {
    display: block;
    width: 7.4em;  /* Breite den in li enthaltenen Elementen zuweisen */
    padding: 0.2em 1em;
    text-decoration: none; font-weight: bold;
    border: 0px solid black;
    border-left-color: red; border-top-color: blue;
    color: #949494; background-color: #ffffac;
 
 
 
  }
  * html ul#Navigation a, * html ul#Navigation span {
    width: 8.6em;   /* Breite nach altem MS-Boxmodell für IE 5.x */
    w\idth: 6.4em;  /* korrekte Breite fuer den IE 6 im standardkonformen Modus */
  }
  ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: white; background-color: gray;
  }
  li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
    color: maroon; background-color: silver;
  }
  ul#Navigation li ul span {  /* aktuelle Unterseite kennzeichnen */
    background-color: #ffffac;
  }
 
 /* Erweiterung zur dynamischen Ein-/Ausblendung */
  ul#Navigation li>ul {
    display: none; top: 1.6em;
  }
  ul#Navigation li:hover>ul, ul#Navigation li>a#aktuell+ul {
    display: block;
  }
 
  /* Workaround fuer den IE 7 */
  *:first-child+html ul#Navigation ul {
    background-color:silver; padding-bottom:0.4em;
  }
 
 
 
</style>
</head>
<body>
 
 
 
<table style="width: 100%; height: 50px;" border="0"><tbody><tr><td>
 
 
<img style="width: 100%; height: 150px;" src="http://www./6003.gif"></td></tr></tbody></table>
<br>
<div style="text-align: center;">
 
<table style="width: 100%; height: 25px;" border="0"><tbody><tr><td>

  TEXT
 
</span></i></b></b></div></div></td></tr></tbody></table>
 
 
<br>
<table style="width: 100%; height: 50px;" border="0"><tbody><tr><td><div id="Rahmen"><ul id="Navigation">
 
 
MENÜ...

Webseite verzerrt im IE beim ersten öffnen

danyrep

Neues Mitglied

Neueste Beiträge