Navigation --> Falsche Anzeige in IE6

[Anita]

Hallo,

hat wer Tipps damit die Navigation oben einwandfrei - auch im Internet Explorer 6 - funktioniert?

Also das Problem ist so:
Im IE6 zeigt es die Navigation mit den Unterpunkten die es ausklappt, wenn ich über einen Hauptmenüpunkt fahre ein bisschen weiter unten und verschoben an...
Das schaut ziemlich komisch aus...
Im Mozilla 5.0 und IE7 funktionert die Navigation einwandfrei.
Programmiert ist die Navigation mit Javascript und CSS.

Wär dankbar, wenn jemand weiß wie es auch im IE6 einwandfrei funktioniert!

Wenn du dich dabei auskennst, dann meld dich bei mir und ich sende dir die URL zu!

Besten Dank!

Mfg

Anita

[Peter Pan]

Hi!

Wenn du dich dabei auskennst, dann meld dich bei mir und ich sende dir die URL zu!

Das ist nicht die übliche Vorgehensweise in diesem Forum - die Anliegen/Probleme sollten möglichst hier diskutiert werden.

off:PP

[Anita]

Hi!

Wenn du dich dabei auskennst, dann meld dich bei mir und ich sende dir die URL zu!

Das ist nicht die übliche Vorgehensweise in diesem Forum - die Anliegen/Probleme sollten möglichst hier diskutiert werden.

off:PP

Zum Ansehen des Menüs:
http://www.esa-at.at/esa/

Die Javascript-Datei dazu:
http://www.esa-at.at/esa/menue.js

Die CSS-Datei dazu:
http://www.esa-at.at/esa/style.css

[suit]

Zum Ansehen des Menüs:
http://www.esa-at.at/esa/

stichworte: invalider code, quirksmode und box-model-bug

[Anita]

Zum Ansehen des Menüs:
http://www.esa-at.at/esa/

stichworte: invalider code, quirksmode und box-model-bug

--------------------------------------------------
--------------------------------------------------
Hallo,
also das ist das Menü im HTML-Quelltext:
--------------------------------------------------
--------------------------------------------------
<!-- Menu bar #1. -->

<div class="menuBar" style="float:right;width:57em;">
<a class="menuButton"
    href=""
    onclick="return buttonClick(event, 'menu1');"
    onmouseover="buttonMouseover(event, 'menu1');">

START</a>
<a class="menuButton"
    href=""
    onclick="return buttonClick(event, 'menu2');"
    onmouseover="buttonMouseover(event, 'menu2');">
UNTERNEHMEN</a>
<a class="menuButton"
    href=""
    onclick="return buttonClick(event, 'menu3');"
    onmouseover="buttonMouseover(event, 'menu3');">
LEISTUNGSSPEKTRUM</a>
<a class="menuButton"
    href=""
    onclick="return buttonClick(event, 'menu4');"
    onmouseover="buttonMouseover(event, 'menu4');">
PRODUKTE</a>
<a class="menuButton" href="impressum.html" target="_self">IMPRESSUM</a>
<a class="menuButton"
    href=""
    onclick="return buttonClick(event, 'menu6');"
    onmouseover="buttonMouseover(event, 'menu6');">
KONTAKT</a>
</div>

<!-- Main menus. -->

<div id="menu1" class="menu">
<a class="menuItem" href="index.html" target="_self">Deutsch</a>
<a class="menuItem" href="#">English</a>
<a class="menuItem" href="#">Rom&acirc;n&atilde;</a></div>

<div id="menu2" class="menu">
<a class="menuItem" href="aktuelles.html" target="_self">Aktuelles</a>
<a class="menuItem" href="team.html" target="_self">Team</a>

<a class="menuItem" href="geschichte.html" target="_self">Geschichte</a>
<a class="menuItem" href="firmenportrait.html" target="_self">Firmenportrait</a>
<a class="menuItem" href="service.html" target="_self">Service &amp; Support</a>
<a class="menuItem" href="referenzen.html" target="_self">Referenzen</a>
<a class="menuItem" href="karriere.html" target="_self">Karriere</a>
<a class="menuItem" href="presse.html" target="_self">Presse</a>
<a class="menuItem" href="partnerlinks.html" target="_self">Partner-Links</a></div>

<div id="menu3" class="menu">
<a class="menuItem" href="abfalluabwasserindustrie.html" target="_self">Abfall- u. Abwasser-Industrie</a>
<a class="menuItem" href="chemischeindustrie.html" target="_self">Chemische Industrie</a>
<a class="menuItem" href="lebensmittelindustrie.html" target="_self">Lebensmittel-Industrie</a>
<a class="menuItem" href="wasserversorgungsindustrie.html" target="_self">Wasserversorgungs-Industrie</a>
<a class="menuItem" href="bergbauindustrie.html" target="_self">Bergbau-Industrie</a>
<a class="menuItem" href="holzbauindustrie.html" target="_self">Holzbau-Industrie</a>
<a class="menuItem" href="maschinenundanlagenbau.html" target="_self">Maschinen- u. Anlagenbau</a>
<a class="menuItem" href="elektrothermografie.html" target="_self">Elektro-Thermografie</a></div>

<div id="menu4" class="menu">
<a class="menuItem" href="frequenzumrichter.html" target="_self">Frequenzumrichter</a>
<a class="menuItem" href="hardundsoftware.html" target="_self">Hard- &amp; Software</a>
</div>

<div id="menu6" class="menu">
<a class="menuItem" href="anfrage.html">Anfrage</a>
<a class="menuItem" href="ansprechpersonen.html" target="_self">Ansprechpersonen</a>
<a class="menuItem" href="anfahrt.html" target="_self">Anfahrt</a></div>

[suit]

Zum Ansehen des Menüs:
http://www.esa-at.at/esa/

stichworte: invalider code, quirksmode und box-model-bug
also das ist das Menü im HTML-Quelltext:

den konnte ich bereits selbst begutachten
meine meinung: sieht nach händisch angepasstem dreamweaver-code aus - mit html und css hat das nicht viel gemein, es ist eine div-suppe mit javascript-einlage

und dein code ist immer noch invalide

[Anita]

---

--------------------------------------------------
Das ist der Teil für das Menü im CSS:
--------------------------------------------------
--------------------------------------------------
div.menuBar,
div.menuBar a.menuButton,
div.menu,
div.menu a.menuItem {
  font-family:"Tw Cen MT",Arial,Helvetica,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  color: #FFFFFF;
  clear: both;
  word-wrap:break-word;
  overflow:hidden;
}

div.menuBar {
  background-color:#006985;
  border: 0px outset #e0e0e0;
  padding: 1px 4px 1px 2px;
  text-align: left;
}

div.menuBar a.menuButton {
  background-color: transparent;
  border: 0px solid #e0e0e0;
  color: #FFFFFF;
  cursor: default;
  left: 0px;
  margin: 1px;
  padding: 2px 6px 2px 6px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 8;
}

div.menuBar a.menuButton:hover {
  background-color: transparent;
  border: 0px outset #e0e0e0;
  color: #0f96ba;
}

div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
  background-color: transparent;
  border: 0px inset #e0e0e0;
  color: #5cbacc;
  left: 1px;
  top: 1px;
}

div.menu {
  background-color: #5cbacc;
  border: 2px outset #e0e0e0;
  left: 0px;
  padding: 0px 1px 1px 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 9;
}
html>body .menu {top:-100px; position:fixed;}

div.menu a.menuItem {
  color: #FFFFFF;
  cursor: default;
  display: block;
  padding: 3px 1em;
  text-decoration: none;
  white-space: nowrap;
  clear: both;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #5cbacc;
  color: #0f96ba;
}

div.menu a.menuItem span.menuItemText {
}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}