Probleme mit IE

[Ingo Turski]

Hi,

So sieht meine CSS aus. Das Problem was ich habe ist das der Rahmen nicht um die Buttons, sondern etwas versetzt darüber steht.

sorry, aber es wäre wirklich besser, wenn du die Seite verlinken würdest. Dann könnte man sie im Firefox mit Hilfe der Webdeveloper Toolbar bequem testen. Auch spielt der HTML-Code eine Rolle - Versetzt Du die Browser in den quirks mode oder vielleicht nur den IE6? Und welcher IE hat welche Fehldarstellung? All das könnte man einer verlinkten Seite entnehmen.

* html div#Rahmen {
    width: 48.7em;
    w\idth: 47.1em;
  }

diese Korrektur setzt voraus, dass der IE6 im standardkompatiblen Modus ist, also ein vollständiger DOCTYPE in der ersten Zeile angegeben ist. Trifft das zu?

* html ul#Navigation li.hoverIE {
    margin-right:0;
    margin-bottom:11.15em;
  }

Du hast also offensichtlich im Javascript die CSS-Angaben durch eine Klasse ersetzt - gut. Aber ist dieses extreme margin-bottom wirklich nötig?

*:first-child+html ul#Navigation li {
    margin-bottom: -0.1em;
  }

auch der IE7 befindet sich im standardkompatiblen Modus?

ul#Navigation a, ul#Navigation span {
    display: block;
    width: 6.4em;
    padding: 0.2em 1em;
    text-decoration: none; font-weight: bold;
    border: 1px solid black;
    border-left-color: white; border-top-color: white;
    color: #000000; background-color: #FF6600;
  }
  * html ul#Navigation a, * html ul#Navigation span {
    width: 8.6em;
    w\idth: 6.4em;
  }

Der IE5.x dürfte aber mindestens 8.8em benötigen.

freundliche Grüße
Ingo