nicht angemeldet
Hallo,
Weswegen werden manche margin, bzw. padding Angaben in diesen IEs einfach ignoriert, bzw. die float Elemente vertikal versetzt angezeigt?
Wenn du HTML5-Elemente nutzt, musst du sie nicht nur dem Parser beibringen, was du ja schon erfolgreich gemacht hast, sondern auch so formatieren, wie du sie benötigst.
Die Standarddarstellung unbekannter Elemente ist display: inline; section, nav und andere Elemente sind aber Blockelemente, darum setze display: block;
Warum floatest du die a-Elemente und nicht die li-Elemente?
Ich habe die HTML Elemente <nav>, <section>, <header> als Block-Elemente ausgezeichnet, die "padding", "margin", "float" und "width" Eigenschaften der <li> statt dem <a> Tag zugeordnet und tatsächlich:
sämtliche IE zeigen nun auch eine korrekte Darstellung. Erstmals vielen Dank hierfür!
Warum ich die Formatierungseigenschaften "padding", "margin", "float" und "width" ursprünglich dem <a> statt dem <li> Tag zugeordnet hatte, hatte aber einen bestimmten Hintergrund:
a:hover macht nun nämlich Probleme, da es sich ja logischerweise nur auf den <a> Tag bezieht (die Formatierungen nun aber <li> beschreiben):
http://master2000.pytalhost.at/navigation/ie_test/problem_hover.jpg
Habe natürlich versucht, die <li> Eigenschaften a:hover zuzuordnen, dieser nimmt aber die width Eigenschaften nicht an:
http://master2000.pytalhost.at/navigation/ie_test/problem_hover_padding_width.jpg
Wahrscheinlich übersehe ich hier mal wieder etwas äußerst Logisches... ich wäre für eure Hilfe diesbezüglich trotzdem wahnsinnig dankbar!
LG,
me.