1

XHTML und CSS-Problem

Frage von Yummy Yummy

Hallo, ich bin dabei, eine Internetseite neu zu gestalten. Die neue Form findet man unter www.s-hennebach.de/test/index.html.

Die obige Menüleiste wird im IE 7 und Firefox korrekt angezeigt, im IE 6 aber nicht. Wie kann ich sie kompatible machen. Auszug aus der css.Datei :

/** * @section Hauptmenü */

head ul { position: absolute; top: 30px; left: 45px; bottom: 0; right: 0; font-size: 1em; }
head ul li { float: left; list-style: none; margin: 40px 10px 0 0; }
head ul a,
head ul strong { color: #6DCFF6; background:#FBFBFB; url(images/nav_bg.jpg) bottom left repeat-x;
                     display: block; padding: 1em; text-transform: uppercase;  text-decoration: none;   font-weight: bold;      }
head ul a:hover,
head ul a:focus,
head ul a:active,
head ul strong { color: white; background: #6DCFF6 url(images/navbghover.gif) bottom left repeat-x;
              }

Gruss Jörg

Fragen zu gleichen Themen finden

Antworten (3)

  • 0
    Hilfreichste Antwort ausgezeichnet vom Fragesteller
    Hilfreichste Antwort von designer designer

    Hi, unabhängig von deinem aktuellen Problem, solltest du insgesamt weniger mit dem Attribut "position: ... " arbeiten. Das solltest du nur in Notfällen verwenden. Der IE interpretiert paddings und margins grundsätzlich anders als die anderen Browser. Dabei werden margins oftmals vom IE komplett ignoriert. Das heißt, du solltest am besten bei den #head ul li margin: 40px 10px 0 0; -> padding: 40px 10px 0 0; machen. Weiter: Du solltest deine Verschachtelungen logischer aufbauen. Es kann nicht sein, dass erst #head (wo ein Bild auch niemals im h1-Tag sitzen darf, weil sie keine Überschrift ist. Du linkst dich in der SEO-Sicht selbst) mit der Navigation kommt und dann erst der #name, obwohl #name de facto ÜBER #head sitzen soll. Wenn du mit floats, paddings und displays arbeitest, kannst du das insgesamt sehr gut und barrierefrei realisieren ohne das position-Attribut auch nur anzufassen. Sorry für die lange Antwort. Ich hoffe aber, dass das verständlich war und weiterhilft. :) Have fun!

  • 0
    Antwort von immanuelk immanuelk

    IE6 hat noch probleme mit css.

    Deine Seite sieht nicht so aus als währe CSS zwingend notwendig, schreib alles im sicheren alten HTML, das geht in nahezu jedem Browser.

  • 0
    Antwort von James131 James131

    Die einfache und Klare Antwort: Es liegt am Browser und Du muesstest so, wie Du arbeitest mit einer Browserweiche arbeiten. Der IE6 kann KEIN die modernen CSS erweiterungen NICHT interpretieren.

Diese Frage

Verwandte Fragen

Noch nicht den richtigen Rat gefunden?

Einfach und schnell viele hilfreiche Ratschläge von Deutschlands aktivster Ratgeber-Community erhalten!

Einfach und schnell einen Tipp erstellen und Ihren guten Rat mit anderen teilen!

Einfach und schnell ein Video hochladen und anschaulichen Rat an alle geben!

Die unter gutefrage.net angebotenen Dienste und Ratgeber Inhalte werden nicht geprüft. Die Richtigkeit der Inhalte wird nicht gewährleistet. Rechtliche Hinweise finden Sie hier.