Internet Explorer-Fehler bei Mouseoverfeld

Roland Rafael Repczuk

Hallo

Für meine Linklisten habe ich per CSS ein Mouseoverfeld erstellt, in die ich meine Links einfügen möchte.
In Mozilla Firefox funktioniert alles prächtig, aber der Internetexplorer zeigt eigentlich alles, was man falsch anzeigen kann, falsch an! Wo sind meine Fehler im HTML/CSS Code?

Diese Links werdet ihr brauchen

Link zur Seite: http://www.roland-rafael-repczuk.de/roland-rafael-…rtaletest1.html
CSS-Links
1. Box http://www.roland-rafael-repczuk.de/css/box.css
2. Menu http://www.roland-rafael-repczuk.de/css/menu3_onlinegalerien.css

Teil meines HTML Codes

HTML

<li><a href="#nogo">Kunstportale<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
    <ul>
      <li>
        <table style="text-align: left; width: 868px; height: 20px;"
 border="0" cellpadding="2" cellspacing="2">
          <tbody>
            <tr>
              <td style="width: 146px;">
              <div class="box_onlinegalerien"><a
 href="http://www.edition-westkueste.de/profile/view/id/71"
 target="_blank">Westk&uuml;ste</a></div>
              <br>
              <div class="box_onlinegalerien"><a
 href="http://www.craftercircle.com/OrlandoRafaelo"
 target="_blank">Craftercircle</a></div>
              <br>
              <div class="box_onlinegalerien"><a
 href="http://www.artscuttlebutt.com/OrlandoRafaelo"
 target="_blank">Art Scuttle</a></div>
              </td>
              <td style="width: 150px;">
              <div class="box_onlinegalerien"><a
 href="http://kulturportal.de/-/kulturschaffende/detail/34262"
 target="_blank">kulturportal</a></div>
              <br>
              <div class="box_onlinegalerien"><a
 href="http://www.artistportfolio.net/index.php?secret=141&amp;artist_id=13659"
 target="_blank">artistportfolio</a></div>
              <br>
              <div class="box_onlinegalerien"><a
 href="http://www.paintingsilove.com/artist/demetriosvlachos"
 target="_blank">Demetrios
Vlachos</a></div>
              </td>
              <td style="width: 146px;">
              <div class="box_onlinegalerien"><a
 href="Muster" target="_blank">kein Eintrag</a></div>
              <br>
              <div class="box_onlinegalerien"><a
 href="Muster" target="_blank">kein Eintrag</a></div>
              <br>
              <div class="box_onlinegalerien"><a
 href="Muster" target="_blank">kein Eintrag</a></div>
              </td>
              <td style="width: 148px;">
              <div class="box_onlinegalerien"><a
 href="Muster" target="_blank">kein Eintrag</a></div>
              <br>
              <div class="box_onlinegalerien"><a
 href="Muster" target="_blank">kein Eintrag</a></div>
              <br>
              <div class="box_onlinegalerien"><a
 href="Muster" target="_blank">kein Eintrag</a></div>
              </td>
              <td style="width: 148px;">
              <div class="box_onlinegalerien"><a
 href="Muster" target="_blank">kein Eintrag</a></div>
              <br>
              <div class="box_onlinegalerien"><a
 href="Muster" target="_blank">kein Eintrag</a></div>
              <br>
              <div class="box_onlinegalerien"><a
 href="Muster" target="_blank">kein Eintrag</a></div>
              </td>
              <td style="width: 144px;">
              <div class="box_onlinegalerien"><a
 href="Muster" target="_blank">kein Eintrag</a></div>
              <br>
              <div class="box_onlinegalerien"><a
 href="Muster" target="_blank">kein Eintrag</a></div>
              <br>
              <div class="box_onlinegalerien"><a
 href="Muster" target="_blank">kein Eintrag</a></div>
              </td>
            </tr>
          </tbody>
        </table>
      </li>
    </ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--> </li>

Alles anzeigen

Macrosdesign

Um welchen IE handelt es sich , wenn es der 6er ist dann kann ich dir sagen das der :hover net gehen wird der IE6 versteht nämlich nur a:hover alles andere wie zb. li:hover und so kapiert der net

Roland Rafael Repczuk

Es handelt sich um den 6er! Ich habe aber eine Navigation (CSS) mit Mouseover erstellt und die kann der Internet Explorer darstellen.

HTML

.pd_menu_02 {float:left; padding:0; margin:0;color: #E0E0E0;background-image: url(bilder/aaa.jpg);width:100%; border:solid 1px #004080;clear:both;} /*Color navigation bar normal mode*/
.pd_menu_02 a, .pd_menu_01 a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:normal;
font-size:16px;
color: #E0E0E0;
background-color: #006587;
text-decoration: none;
}
.pd_menu_02 ul {list-style-type:none;padding:0; margin:0;}
.pd_menu_02 ul li {float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px #004080; }
.pd_menu_02 ul li a {color: #E0E0E0;background-image: url(bilder/aaa.jpg);float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:30px; line-height:30px; padding:0 10px 0 10px; text-decoration:none; }
.pd_menu_02 ul li ul {display:none; border:none;color: #E0E0E0;background-image: url(bilder/aaa.jpg);}
.pd_menu_02 ul li:hover a {background-color:#007CA5; text-decoration:none; color: #54A9FF;} /*Color main cells hovering mode*/
.pd_menu_02 ul li:hover ul {display:block; position:absolute; z-index:999; top:-228px; margin-top:1px; left:0;}
.pd_menu_02 ul li:hover ul li a {display:block; width:12em; height:auto; line-height:1.3em; margin-left:-1px; padding:5px 10px 5px 10px; border-left:solid 1px #004080; border-bottom: solid 1px #004080; background-color:#006587; color:#E0E0E0;} /*Color subcells normal mode*/
.pd_menu_02 ul li:hover ul li a:hover {background-color:#007CA5; text-decoration:none;color: #54A9FF;} /*Color subcells hovering mode*/
.pd_menu_02 table {position:absolute; top:0; left:0; border-collapse:collapse;color: #E0E0E0;background: #006587;}
.pd_menu_02 ul li a:hover {background-color:#007CA5; text-decoration:none;color: #54A9FF;} /*Color main cells hovering mode*/
.pd_menu_02 ul li a:hover ul {display:block; width:12em; position:absolute; z-index:999; top:-234px; left:0; }
.pd_menu_02 ul li a:hover ul li a {display:block; width:12em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px #004080; border-bottom: solid 1px #004080; background-color:#006587; color:#E0E0E0;} /*Color subcells normal mode*/
.pd_menu_02 ul li a:hover ul li a:hover {background-color:#007CA5; text-decoration:none;color: #54A9FF;} /*Color subcells hovering mode*/

Alles anzeigen

Macrosdesign

Code

li:hover

sollte aber eigendlich nicht funktionieren...wenn ja wäre das komisch...

yeti66

Also ein wahnsinns Quellcode, das muss man man sagen. Bei dem aufgeblähten Code musste man ja irgendwann die Kontrolle verlieren. An Deiner Stelle würde ich auf die Navigation aus wilder Mischung von CSS und Tabelle verzichten. Unter http://www.cssplay.co.uk/menus/elegant1.html
findest du elegantere und sauberere Navigationen für eine Kunstseite. Allerdings würde ich eher zu einer weißen Seite tendieren um nicht von den wirklich sehr guten u.a. Zeichnungen abzulenken. Keine scrollbaren Textkästen - das tut sich keiner an und liest sich das durch. Statt der Lupenfunktion würde ich eher zu einem PopUp tendieren um das gesamte Bild größer darzustellen. Das hat dann auch den Vorteil von schnelleren Ladezeiten.

Roland Rafael Repczuk

Danke, dass du dir Gedanken gemacht hast, wie ich meine Seite verbessern kann. Deine Ideen sind durchaus gut- aber für mich immoment zeitlich zu aufwendig. Nur die PopUps, die ich dafür erstellen müsste wären schon mehr als 200 Stück. Und ein neues Menu müsste ich dann auch in jede Seite einbinden-Das kostet alles Zeit.

Wüsstest du denn, wie ich mit meinem Durcheinandermenü (:)) eine Alternative für den IE6 schaffen könnte?

Gruß
Roland

yeti66

Ich habe mich erst einmal in mühevoller Kleinarbeit durch Deine Seiten geklickt. Diese zu pflegen ist ja schon ein Fulltime-Jop. Wenn die jetzige Seite mit dem Umfang weiter expandieren soll und quasi alle anderen Seiten Inhaltlich integriert werden sollen würde ich eher auf ein CMS setzen. Das ist für Deine Seite zukunftssicherer und der Pflegeaufwand hält sich in Grenzen.
Mit der Idee zur Navigation ist das immer so eine Sache, sie sollte halt zur Grundidee des Disigns passen. Momentan sehe ich aber kein Seitendesign auf obiger Seite. Deine ganzen Links zu eigenen Seiten würde ich z.B. als Galerie Themenbezogen sortiert mit einem Screenshot oder aussagekräftigen Symbol und kurzem Anrißtext versehen und damit es nicht langweilig wird alles in einer Leiste unterbringen Themenbezogen auf den Unterseiten verteilt. Die obere Linkleiste ist da kein Problem. Allerdings als Künstler würde ich von Dir ein einmaliges Screenkonzept erwarten. Etwas Spektakuläres halt, was aus der Masse heraussticht. Die Umsetzung ist dann nur noch technischer Natur.
Ach ja, was fehlt ist ein aussagekräftiger Titel ein Header in Form des Emblems im Impressum würde ja reichen. Beispielnavigationen findest Du bei Stu Nicholls auf der Seite http://www.cssplay.co.uk/menus/. Die grafische Umsetzung und Anpassung an die Seite ist dann noch eine andere Sache.

Tags