Das übliche: IE und die Anderen

R

RemoteC

0
Guten Abend!

Ich spiele mich schon seit Tagen mit einem depparten CSS oder besser gesagt mit einem CSS Drop-Down Menü.

In allen bisher gestesten Browsern (FF1.5, FF2.0, Konqueror, Safari) schaut alles so aus wie ich will nur im IE natürlich nicht. Problem ist nur, dieses verfickte Schulprojekt muss natürlich auch auf diesem DrecksIE laufen. Mir stehts wirklich bis hierhin. Da verscheißt man so viel Zeit sinnlos damit weil manche Leute in Redmond glauben das W3C für sie nicht gilt oder was weiß ich.

Ich komm einfach nicht drauf was der Fehler ist. Nachdem der IE das :hover nur für a-tags unterstützt habe ich mir ein Skript runtergeladen, genauer gesagt Whatever:hover.
Nur habe ich natürlich die ganzen Angaben nicht im head stehen sondern in einer externen css Datei und damit dürfte es beginnen. Solange alles so ist wie runtergeladen funktioniert das :hover noch, bei mir aber nicht mehr :rolleyes:

Browserweichen habe ich auch schon etliche probiert, das hilft alles nichts. Ich bin immerhin schon so weit das die Formatierung von der Navigationsleiste auch im IE halbwegs passt, aber er macht mir kein :hover, sprich kein Drop-Down.

Hier mal eine List der Datein, sind etliche weil ich mich schon laaaange damit rumgespielt habe und da sind halt viele Testdatein entstanden. Schlussendlich soll das natürlich nur eine index sein und max. 2 css (eines für alle Browser wäre natürlich noch besser).

CSS-Ordner: screen.css ist das Originale & momentan das für alle Browser außer IE; ie5.css ist das was dank einer Browserweiche nur mit IE angezeigt wird (grüner Hintergrund als Unterscheidungsmerkmal); csshover.htc ist das Skript damit auch der IE das :hover chekct

normale Index: So wie das hier im FF & Co ausschaut, so sollte es im IE auch tun. Links funktionieren natürlich noch nicht wenn noch nichtmal das Design steht und dieses "} -->" stammt wohl von einem der unzähligen Versuche das auch im IE zum Rennen zu bringen -.-

Index für IE: Diese Index hat ne Browserweiche drinnen und daher wird das ie5.css verwendet (ein paar Änderungen im #menu und grüner bg). Weiters herumexperimentieren mit Angaben im <head> waren bis jetzt erfolgslos. In allen anderen Browsern außer IE sollte das ganze normale CSS angezgeigt werden.

Drop-Down im IE: Das ist ein älterer Entwurf wo sämtliche CSS-Daten im <head> stehen, da funzt das Drop-Down auch im IE.

Ich hoffe ihr könnt mir helfen, ich steh echt an und bin schon knapp davor ein frame-Layout zu machen wenn es mit CSS & Co nur Probleme gibt :rolleyes: Das ganze CSS usw. fürn Firefox & die Anderen hat schon recht lange gedauert, aber nur alleine das "übersetzen" des schon fertigen Designs für den IE hat mich schon locker 10 Std. gekostet. Irgendwann ist es genug X(

Mit großem Dank an alle Helfer,

RemoteC

PS: Für RS-Fehler u.ä. entschuldige ich mich. Nur habe ich die letzten ~4 Std. an diesem CSS gearbeitet, bin schön langsam müde und außerdem stinksauer.
 
Ich weiß leider nicht wie diese Seite hier im IE dargestellt wird, aber evtl. hilft sie dir weiter. Auf dieser Seite wird ein Menü von der rechten Seite eingeblendet: http://rammstein-europe.com/

Das einzige was mir sofort ins Auge stach war folgender Code:
Code: 
  <!--[if lte IE 6]>
  </td></tr></table>
  </a>
  <![endif]-->
mfg 2Bios

PS.: Ich bin CSS-Laie...
 
Du solltest dazu schreiben, dass hier vom IE6 die Rede ist und nicht vom IE7. Sonst könnte das etwas verwirrend sein. ;)

Schau dir mal Drop Down Menü(möglichst ohne JS) an. Dort gab es bereits ein ähnliches Thema. Dort findest du auch Links zu CSS Dropdown Menüs die auch im IE6 funktionieren.

Du wirst allerdings auf W3C konformen Code verzichten müssen (aber das ist ja zweitrangig oder gibts da sonst Punktabzug? :P) oder du löst das halt einfach mit JS.
 
Die Lösung mit .htc-Datei hängt sowieso auch von JavaScript ab. Insofern kann man's im IE auch gleich ganz mit JS machen, denn bei etwas komplexer werdenden Flyout- oder Dropdown-Menüs kann man selbst diese Wurschtelei mit Conditionals (<!--[if lte IE 6]>) vergessen.

Wenn's dafür Abzug gibt, dann würde ich den bewertenden gern mal die Quadratur des Kreises versuchen lassen ;)

Achte dann aber zumindest darauf, dass die Seite auch bei deaktiviertem JS im IE6 komplett navigierbar bleibt. Es muss nicht so fluppig sein wie eben in Browsern, die genug CSS verstehen, aber es sollte dennoch jede Seite über die Navigation zu erreichen sein.
 
Original von 2Bios
Das einzige was mir sofort ins Auge stach war folgender Code:
Code: 
  <!--[if lte IE 6]>
  </td></tr></table>
  </a>
  <![endif]-->
mfg 2Bios
Zum Vergrößern anklicken....
Auf welcher Seite und wo ist dieser Code mit <table> zu finden? Das mit [if lte IE 6] ist bloß eine Browserweiche ;)

Original von Mackz
Du solltest dazu schreiben, dass hier vom IE6 die Rede ist und nicht vom IE7. Sonst könnte das etwas verwirrend sein. ;)
Zum Vergrößern anklicken....
Sry, hab ich wohl vergessen ;) Ich hab gar keinen IE7, daher stellt sich für mich die Frage nicht. Natürlich ist es IE6, der das alles nicht anzeigt -.-
Original von Mackz
Du wirst allerdings auf W3C konformen Code verzichten müssen (aber das ist ja zweitrangig oder gibts da sonst Punktabzug? :P) oder du löst das halt einfach mit JS.
Zum Vergrößern anklicken....
Die Lehrer sind eh d00f, die würden mit der Abkürzung JS und W3C eh nix anfangen, aber ich bin nunmal Perfektionist ... Daher hätte ich es gerne mit CSS gemacht und in FF & Co funzt das auch. Ich brauch also nur eine funktionierende Browserweiche und dann einen funktionierenden Code für IE.
Original von LX
Achte dann aber zumindest darauf, dass die Seite auch bei deaktiviertem JS im IE6 komplett navigierbar bleibt. Es muss nicht so fluppig sein wie eben in Browsern, die genug CSS verstehen, aber es sollte dennoch jede Seite über die Navigation zu erreichen sein.
Zum Vergrößern anklicken....
Wie?

Könnte mir jemand sagen was das Problem ist, warum bei dem von mir bearbeiteten Stylesheet das Drop-Down nur im FF geht, bei dieser Ursprungsseite aber auch im IE? Oder müssen die ganzen Angaben für das #menu im head stehen und dürfen fürn IE nicht in einem externen CSS stehen?
 
Original von 2Bios
Das obige Beispiel hatte ich von www.rammstein-europe.com

Zwei links, die weiter helfen könnten: http://www.toomuchcookies.net/archives/820/css-pulldown-auch-fur-internet-explorer.htm http://www.cssplay.co.uk/menus/dd_valid.html
Zum Vergrößern anklicken....
So weit war ich auch schon :-/
Problem ist folgendes:
von toomuchcookies.net
Theoretisch sollte es auch ganz ohne Tabelle funktionieren, tut es aber nicht!
Zum Vergrößern anklicken....
Ich hab aber keine Tabelle -.-

Gibt es wirklich keine Möglichkeit das ohne Tabelle zu machen? Von mir aus auch ein JS nur für den IE (was ja im Grunde mit der .htc gemacht wird, aber anscheinend nicht funzt).

Update 7. Mai

Ich habe es jetzt doch noch hinbekommen :) Und das ganze ist sogar XHTML und CSS valide.
Hab dem IE über diese Comment-BW ein eigenes CSS gegeben und dann über die selbe BW noch eine Tabelle eingefügt. Sprich im FF ist alles beim alten und der IE hat seine Tabelle bei der Navigation, die er ,aus welchen Grund auch immer, braucht.

Damit ist das Problem gelöst und ich habe sowas wie die Quadratur des Kreises geschafft 8)
 
Code: 
<style type="text/css">
Buttonlike {
 display:block;
 width:150px;
 height:20px;
 padding-top:4px;
 font-family:arial;
 color:#000000;
 font-size:10pt;
}
</style>

<a class="Buttonlike" href="http://gehdahin.sonstwo.com">Mein Link</a>
<a class="Buttonlike" href="http://gehdahin.sonstwo.de">Dein Link</a>
<a class="Buttonlike" href="http://gehdahin.sonstwo.net">Unser Link</a>

hope it helps, so kannst Du Tabellen umgehen
 
Hab ja geschrieben, das das jetzt alles funktioniert und trotzdem valide ist :)

Ich finde das echt dumm hier im Forum, dass auch nach längerer Zeit keine Doppelposts möglich sind. Ich sehe es absolut ein, dass man nicht innerhalb der nächsten paar Stunden wieder einen neuen Post machen muss, aber nach 1-2 Tagen finde ich ein "Update" schon praktisch. Ist mir jetzt schon öfters hier im Forum aufgefallen, dass das dann unübersichtlich wird wenn man einen Beitrag hat der innerhalb von 1 Woche 3x editiert wurde :-/
 
Um antworten zu können musst du eingeloggt sein.
Zurück
Oben