[HTML/CSS] Menü funktioniert im IE nicht

[Andreas L.]

Hi,
ich hab mal wieder meine Homepage überarbeitet. Dazu habe ich ein Menü mit DIV-Tags und CSS gemacht. Es hat die ganze Zeit im IE und Firefox funktioniert. Jetzt gehts nur noch im Firefox. Leider weiß ich nicht mehr was ich geändert habe. Vielleicht findet ja einer von euch den Fehler: http://softprose.any-key.de

Schonmal Danke

Bye,
Andy

PS: Die Seite ist W3 konform. Vielleicht hat der IE ja damit ein Problem ;-)

[Lannes]

Hallo,

das Menü wird anscheinend durch den div-Container(class="page") überlagert und reagiert nicht mehr.
Wenn Du in der css-Definition margin-top: -170px; z.B auf margin-top: -100px; änderst,
sind die ersten Menü-Items wieder aktiv.
Eventuell hilft Dir das weiter :?

[phlux]

hi!

warum setzt du nicht einfach in den eigenschaften der links das display auf block und gibst dem ganzen dann ne feste breite, dürfte doch so viel eleganter gehen :gruebel:

[DevilsCamp]

Warum benutzt du überhaupt den IE?

[Die Muhkuh]

Zitat:

Zitat von DevilsCamp

Warum benutzt du überhaupt den IE?

Fang bitte kein Flamware an. Danke ;)


Was bringt mir eine Seite, die man nur mit einem Browser angucken kann? Ich mache meine Seite auch gerade neu und versuche, dass sie im FF, IE und im Opera (fast) gleich angezeigt wird, damit jeder Browsernutzer die Seite im vollen Design zu sehen bekommt.

[DevilsCamp]

Ich wollte keinen Flamewar starten.

Aber der IE (bis v6, der M$-Politik nach wohl auch v7) setzt CSS nicht so um wie ein Browser es umsetzen sollte. Du wirst also des öfteren 2 CSS-Dateien benötigen und überprüfen müssen, welchen Client der Besucher deiner Seite benutzt um die Seite richtig anzeigen lassen zu können.

Lies dazu mal Hier, hier, hier und wenn du englisch kannst: hier

[Die Muhkuh]

Gegenfrage: Welcher Browser hält sich 100% an den Standard? Keiner ;)

[DevilsCamp]

Die Frage sollte eher lauten:
Welcher Browser hält sich am wenigsten daran?

Da ist die Antwort wohl am einfachsten: IE

[Andreas L.]

Zitat:

Zitat von Lannes

Hallo,

das Menü wird anscheinend durch den div-Container(class="page") überlagert und reagiert nicht mehr.
Wenn Du in der css-Definition margin-top: -170px; z.B auf margin-top: -100px; änderst,
sind die ersten Menü-Items wieder aktiv.
Eventuell hilft Dir das weiter :?

Ich werds mal ausprobieren.

[Edit] Jetzt gehen die oberen 2 Menüpunkte, die anderen nicht. Und der Container ist jetzt etwas nach unten gerutscht....

Zitat:

Zitat von Phlux

warum setzt du nicht einfach in den eigenschaften der links das display auf block und gibst dem ganzen dann ne feste breite, dürfte doch so viel eleganter gehen

ist es das nicht??

Zitat:

Zitat von DevilsCamp

Warum benutzt du überhaupt den IE?

Ich benutze immer Firefox. Ich möchte aber das meine Seite in allen aktuellen Browsern funktioniert. Momentan kann man sogar in Lynx etwas auf der Seite lesen ;-)

[Andreas L.]

Jetzt habe ich fürn IE eine Lösung gefunden. Aber im FF siehts jetzt bescheiden aus. Gibts es nicht eine Möglichkeit einen Bereich im Stylesheet nur für IE und einen nur für IE zu benutzen. Also quasi: Wenn Browser IE dann float:left; margin-left:80; andernfalls margin-left:100;

Aber bitte ohne Javascript :-)

Schonmal Danke

[DevilsCamp]

Hast du Zugriff auf PHP?

[Andreas L.]

Zitat:

Zitat von DevilsCamp

Hast du Zugriff auf PHP?

hast du die Seite angeschaut? Natürlich hab ich PHP ;-)

[phlux]

Anbei mal die korrigierte Version deiner Seite, hab erstmal die unnützen div-Container um die Links herum entfernt, da du die links mit display:block schon als block-element definierst musst du sie nicht zwingend noch mit nem div-container umgeben.
dann hab ich das margin-top deiner page class entfernt und hab den menucontainer so eingestellt das der anshcließende text rechts dran vorbei fließt (float: left)
warum die lnks im ie nicht gefunzt haben? dadurch das du das page-div nach oben geschoben hast lag es im ie über der navigation und man konnte dementsprechend nicht mehr draufklicken ;) das sah man nämlich schön wenn man mit dem margin-top herumgespielt hat

edit: ach ja dein code formatting ist gruselig :mrgreen:

[Andreas L.]

Zitat:

Zitat von phlux

Anbei mal die korrigierte Version deiner Seite, hab erstmal die unnützen div-Container um die Links herum entfernt, da du die links mit display:block schon als block-element definierst musst du sie nicht zwingend noch mit nem div-container umgeben.
dann hab ich das margin-top deiner page class entfernt und hab den menucontainer so eingestellt das der anshcließende text rechts dran vorbei fließt (float: left)
warum die lnks im ie nicht gefunzt haben? dadurch das du das page-div nach oben geschoben hast lag es im ie über der navigation und man konnte dementsprechend nicht mehr draufklicken ;) das sah man nämlich schön wenn man mit dem margin-top herumgespielt hat

edit: ach ja dein code formatting ist gruselig :mrgreen:

Sehr gut. Vielen Dank.

Abe jetzt noch eine Frage. Wieso kann man die Eigenschaften Left, Top, etc. nicht benutzen. Gehen die erst in CSS 3 oder muss ich da mein Dokument komplett umschreiben?

[phlux]

left und top kannst du erst nutzen wenn du die position des elements auf absolute (oder relative n.t.) stellst

[DevilsCamp]

Zitat:

Zitat von onlinehome

Zitat:

Zitat von DevilsCamp

Hast du Zugriff auf PHP?

hast du die Seite angeschaut? Natürlich hab ich PHP ;-)

Prüfe per PHP welcher Client benutzt wird.

Dann auf den Seite im <head></head>-Bereich:

Code:

<?php ($browser=="IE"?echo '<link href="ie.css" rel="stylesheet" type="text/css">':echo '<link href="rest.css" rel="stylesheet" type="text/css">') ?>

[Andreas L.]

Ok. Also Danke an alle :-)

[ManuMF]

Es gibt übrigens Möglichkeiten, direkt in der CSS-Datei eine "Browser-Weiche" zu erstellen, die darauf beruht, dass z.B. der IE "body>Element" nicht umsetzt, und der FF z.B. "* html Element" überspringt. Mehr dazu bei SelfHTML.

Gruß,
ManuMF