Seltsames Reload-Problem im IE6

Status
Nicht offen für weitere Antworten.

Ardaric

Erfahrenes Mitglied
Hallo,

also ich habe ein wirklich seltsames Problem! Ich habe eine 100% valide HTML-Seite mit einem 99% Validen CSSheet. (Nur die 2 Opacity Eigenschaften werden als Fehler interpretiert, doch auch ohne die Zeilen habe ich dieses Problem.)

Jetzt zu meinem Problem:
Manchmal kommt es vor, dass ich bei einem Reload keinen Text angezeigt bekomme! Wenn ich dann die Maus über einen Link bewege, dann wird plötzlich der Text angezeigt. Oder ich reloade, dann wird er angezeigt, oder auch nicht. Das ist completely random!

WAAAAAARUM?

Unten ist mein Stylesheet. Die HTML-Datei kann ich leider nicht veröffentlichen. Jedenfalls nicht, solange die Seite im Aufbau ist. Und die Seite wird so lange im Aufbau sein, wie der Fehler existiert :(
Nur so viel: 100% valides HTML!

Code:
Fehler
URI : file://localhost/webdeveloper__1161788372165.css

    * Zeile: 120 Kontext : div.domMenu_subMenuBar

      Die Eigenschaft opacity existiert nicht : 0.9
    * Zeile: 121 Kontext : div.domMenu_subMenuBar

      Einlese-Fehler - opacity=90)

Warnungen:
URI : file://localhost/webdeveloper__1161788372165.css

    * Zeile : 35 (Level : 1) Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten div.domMenu_main und a:link
    * Zeile : 35 (Level : 1) Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten div.infoBoxTitle und a:link
    * Zeile : 35 (Level : 1) Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten div.domMenu_subMenuElementHover und a:link
    * Zeile : 35 (Level : 1) Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten div.domMenu_menuElement und a:link
    * Zeile : 35 (Level : 1) Sie haben keine Hintergrundfarbe zu der Vordergrundfarbe angegeben : a:link
    * Zeile : 36 (Level : 1) Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten div.infoBoxTitle und a:visited
    * Zeile : 36 (Level : 1) Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten div.domMenu_main und a:visited
    * Zeile : 36 (Level : 1) Sie haben keine Hintergrundfarbe zu der Vordergrundfarbe angegeben : a:visited
    * Zeile : 36 (Level : 1) Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten div.domMenu_subMenuElementHover und a:visited
    * Zeile : 36 (Level : 1) Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten div.domMenu_menuElement und a:visited
    * Zeile : 37 (Level : 1) Sie haben keine Hintergrundfarbe zu der Vordergrundfarbe angegeben : a:focus
    * Zeile : 37 (Level : 1) Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten div.domMenu_subMenuElementHover und a:focus
    * Zeile : 37 (Level : 1) Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten div.domMenu_main und a:focus
    * Zeile : 37 (Level : 1) Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten div.domMenu_menuElement und a:focus
    * Zeile : 37 (Level : 1) Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten div.infoBoxTitle und a:focus
    * Zeile : 39 (Level : 1) Sie haben keine Hintergrundfarbe zu der Vordergrundfarbe angegeben : a:active
    * Zeile : 39 (Level : 1) Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten div.infoBoxTitle und a:active
    * Zeile : 39 (Level : 1) Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten div.domMenu_subMenuElementHover und a:active
    * Zeile : 39 (Level : 1) Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten div.domMenu_menuElement und a:active
    * Zeile : 39 (Level : 1) Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten div.domMenu_main und a:active
    * Zeile : 52 (Level : 1) Sie haben keine Hintergrundfarbe zu der Vordergrundfarbe angegeben : div.toolbar
    * Zeile : 55 (Level : 1) Sie haben keine Hintergrundfarbe zu der Vordergrundfarbe angegeben : div.toolbar a:link
    * Zeile : 56 (Level : 1) Sie haben keine Hintergrundfarbe zu der Vordergrundfarbe angegeben : div.toolbar a:visited
    * Zeile : 57 (Level : 1) Sie haben keine Hintergrundfarbe zu der Vordergrundfarbe angegeben : div.toolbar a:focus
    * Zeile : 58 (Level : 1) Sie haben keine Hintergrundfarbe zu der Vordergrundfarbe angegeben : div.toolbar a:hover
    * Zeile : 59 (Level : 1) Sie haben keine Hintergrundfarbe zu der Vordergrundfarbe angegeben : div.toolbar a:active
    * Zeile : 62 (Level : 1) Sie haben keine Vordergrundfarbe zu der Hintergrundfarbe angegeben : input.toolbarSearchInput
    * Zeile : 95 (Level : 1) Sie haben keine Vordergrundfarbe zu der Hintergrundfarbe angegeben : div.domMenu_main
    * Zeile : 119 (Level : 1) Sie haben keine Vordergrundfarbe zu der Hintergrundfarbe angegeben : div.domMenu_subMenuBar
    * Zeile : 126 (Level : 1) Sie haben keine Hintergrundfarbe zu der Vordergrundfarbe angegeben : div.domMenu_subMenuElement
    * Zeile : 144 (Level : 1) Sie haben keine Vordergrundfarbe zu der Hintergrundfarbe angegeben : div.header
    * Zeile : 195 (Level : 1) Sie haben keine Vordergrundfarbe zu der Hintergrundfarbe angegeben : div.infoBoxContent

Ihr validiertes Cascading Style Sheet:

    * body {
          o margin : 0;
          o padding : 15px 20px;
          o font : 0.8em Arial, Helvetica, sans-serif;
          o color : #555555;
          o background : #acacac url('images/body_background.gif') repeat-x;
      }
    * h1 {
          o font-size : 1.4em;
          o margin-top : 0;
          o margin-bottom : 0.7em;
      }
    * h2 {
          o font-size : 1em;
          o font-weight : bold;
      }
    * h3 {
          o font-size : 1em;
          o font-weight : bold;
      }
    * a:link {
          o color : #db0523;
          o border-bottom : 1px dotted #db0523;
          o text-decoration : none;
      }
    * a:visited {
          o color : #db0523;
          o border-bottom : 1px dotted #db0523;
          o text-decoration : none;
      }
    * a:focus {
          o color : #db0523;
          o border-bottom : 1px dotted #db0523;
          o text-decoration : none;
      }
    * a:hover {
          o color : #db0523;
          o border-bottom : 1px solid #db0523;
          o text-decoration : none;
          o background-color : #ffeeee;
      }
    * a:active {
          o color : #db0523;
          o border-bottom : 1px dotted #db0523;
          o text-decoration : none;
      }
    * div.toolbar {
          o margin : 0.5em auto;
          o width : 950px;
          o text-align : right;
          o font-size : 0.8em;
          o color : #666666;
      }
    * div.toolbar a:link {
          o color : #666666;
          o border : none;
          o text-decoration : none;
          o background : transparent;
      }
    * div.toolbar a:visited {
          o color : #666666;
          o border : none;
          o text-decoration : none;
          o background : transparent;
      }
    * div.toolbar a:focus {
          o color : #666666;
          o border : none;
          o text-decoration : none;
          o background : transparent;
      }
    * div.toolbar a:hover {
          o color : #666666;
          o border : none;
          o text-decoration : underline;
          o background : transparent;
      }
    * div.toolbar a:active {
          o color : #666666;
          o border : none;
          o text-decoration : none;
          o background : transparent;
      }
    * form.toolbarSearch {
          o display : inline;
          o margin-left : 1em;
      }
    * input.toolbarSearchInput {
          o height : 1.1em;
          o width : 8em;
          o border : 1px solid #aaa;
          o background-color : #ffffff;
      }
    * input.toolbarSearchSubmit {
          o vertical-align : bottom;
          o height : 18px;
          o width : 18px;
          o border : none;
      }
    * div.mainWrap {
          o margin : 0 auto;
          o width : 950px;
          o background : #ffffff;
          o color : #555555;
          o border : 1px solid #db0523;
      }
    * domMenu_main a:link, domMenu_main a:visited, domMenu_main a:active {
          o text-decoration : none;
      }
    * domMenu_main a:hover {
          o text-decoration : none;
      }
    * div.domMenu_main {
          o height : 1.8em;
          o width : 950px;
          o border-bottom : 1px solid #db0523;
          o background : #db0523 url('images/domMenu_background.gif') repeat-y right;
      }
    * div.domMenu_menuBar {
          o width : 715px;
      }
    * div.domMenu_menuElement {
          o border-right : 1px solid white;
          o background-color : #db0523;
          o color : #ffffff;
          o padding : 0 0.5em;
          o text-align : center;
          o height : 1.8em;
          o line-height : 1.8em;
          o vertical-align : bottom;
      }
    * div.domMenu_menuElementHover {
          o background : #ffffff url('images/domMenu_itembackground.gif') repeat-x;
          o color : #333333;
      }
    * div.domMenu_subMenuBar {
          o font-size : 0.85em;
          o border : 1px solid #db0523;
          o background : #ffffff url('images/domMenu_itembackground.gif') repeat-x;
      }
    * div.domMenu_subMenuElement {
          o border : none;
          o color : #333333;
          o padding : 0.4em 0.5em;
      }
    * div.domMenu_subMenuElementHover {
          o background-color : #db0523;
          o color : #ffffff;
      }
    * div.header {
          o height : 125px;
          o width : 950px;
          o background : #ffffff url('images/header_background.jpg') no-repeat;
      }
    * div.breadcrumbs {
          o padding : 0.4em 0.4em 0.4em 0.5em;
          o background : #e6e6e6;
          o font-size : 0.9em;
          o color : #666666;
      }
    * div.content {
          o padding : 20px;
          o background : #ffffff;
          o color : #555555;
      }
    * img.contentImg {
          o margin : 1em;
          o float : none;
      }
    * img.contentImgLeft {
          o margin : 0 1em 1em 0;
          o float : left;
      }
    * img.contentImgRight {
          o margin : 0 0 1em 1em;
          o float : right;
      }
    * div.infoBox {
          o float : right;
          o width : 220px;
          o margin : 0 0 0 1em;
          o overflow : hidden;
      }
    * div.infoBoxTitle {
          o padding : 7px;
          o background : #db0523 url('images/infoBox_background.gif') repeat-y right;
          o color : #ffffff;
          o margin-bottom : 1px;
          o overflow : hidden;
      }
    * div.infoBoxContent {
          o padding : 7px;
          o background-color : #e6e6e6;
          o overflow : hidden;
      }
    * div.infoBoxLink {
          o font-family : Arial, Helvetica, sans-serif;
          o margin-bottom : 1.5em;
      }
    * div.infoBoxLink img {
          o float : left;
          o margin : 0 5px 5px 0;
          o border : 1px solid #666666;
      }
    * div.infoBoxLink a {
          o font : 1.2em Arial, Helvetica, sans-serif;
      }
    * div.infoBoxLink p {
          o margin-top : 0.5em;
          o margin-left : 57px;
      }
 
Zuletzt bearbeitet:
Beim Überfliegen des CSS-Codes ist mir aufgefallen, daß hier jeweils die Punkte vor den Klassen-Namen fehlen:

Code:
* .domMenu_main a:link, .domMenu_main a:visited, .domMenu_main a:active {
          o text-decoration : none;
      }
* .domMenu_main a:hover {
          o text-decoration : none;
      }
 
Danke!

Leider ist das Problem dadurch nicht gelöst worden.

EDIT:

DIE LÖSUNG

Der Internet Explorer kommt nicht damit zurecht, wenn ein <div> mit clear:both ausgestattet ist, und es gleichzeitig keinen Inhalt hat! Also immer einen &nbsp; rein machen!
 
Zuletzt bearbeitet:
Status
Nicht offen für weitere Antworten.
Zurück