|
|||
Konditionelle CSS für IE7 / < IE7
Bin ein bestehendes Script am anpassen und mir fehlt offen gestanden ein wenig die Erfahrung mit diesen konditionellen Scripts. Diese fragen die Version des IE ab und erlauben es, individuelle CSS für die Versionen zu übergeben.
Hier mein Script, das im Head des HTMs drin steht. Der Knackpunkt liegt in der drittletzten Zeile mit dem top: 20px <!--[if lt IE 7]> <style type="text/css" media="screen"> body {behavior: url(csshover.htc); font-size: 100%;} #menu ul li a {height: 1%;} } </style> <![endif]--> <!--[if IE] < 7> <style type="text/css" media="screen"> #menu ul li {float: left; width: 100%;} #menu ul {width: 0px;} #menu ul ul {top: 20px;} </style> <![endif]--> Meine Problematik liegt hauptsächlich darin, dass ich einen Wert für den IE 7 übergebe und dieser erst mal gar nicht drauf reagiert. Stattdessen spricht der 6er darauf an, obwohl ich den Wert nur dem 7er übergebe. Wahrscheinlich ist das Script irgendwie falsch gewickelt. Mein angestrebtes Ziel kommt übrigens im FF bestens zur Geltung. Da funktioniert nämlich alles zum Besten… Danke für jedwelchen Input. Geändert von sanpedro (07.05.2007 um 19:09 Uhr) |
Sponsored Links |
|
|||
__________________
Es gibt Menschen, die gar nicht yrren, weil sie sich nichts Vernünftiges vorsetzen. |
Sponsored Links |
|
|||
Ahm, ehm…
Ich benötige eigentlich eine Bedingung, die mir 1. den IE 7 anspricht –> <!--[if lt IE 7]> 2. alle vorherigen Versionen anspricht. Meine Bedingung –> IE kleiner als 7 –> <!--[if IE] < 7> Macht das Sinn? Schreibt man das so? |
|
|||
Oh du heilige Kuh!
Das "lt" hab ich gar nie richtig entschlüsseln können. Und hab daraus so allerlei Überlegungsfehler gemacht… Und dann stand die eckige Klammer noch falsch! Es sieht jetzt so aus… <!--[if lt IE 7]> <style type="text/css" media="screen"> body {behavior: url(csshover.htc); font-size: 100%;} #menu ul li a {height: 1%;} #menu ul ul {top: 20px;} } </style> <![endif]--> <!--[if IE 7]> <style type="text/css" media="screen"> #menu ul ul {top: 20px;} </style> <![endif]--> … und ist zugegebenermassen nicht sehr elegant. Besser wäre eigenes IE-CSS. Das stimmt schon so. Zumindest funzt es jetzt wie es soll. Danke für die schnelle Hilfe! |
|
||||
Ja, und selbst wenn Du die Hacks erstmal im Quelltext stehen lassen möchtest, geht auch das wie von mir beschrieben, und damit auch deutlich kürzer (hab's mal schnell zusammenkopiert und um den Star-Hack erweitert):
Code:
<!--[if IE]> <style type="text/css" media="screen"> #menu ul ul {top: 20px;} * html body {behavior: url(csshover.htc); font-size: 100%;} * html #menu ul li a {height: 1%;} </style> <![endif]--> |
|
|||
Zitat:
Code:
<!--[if lte IE 7]> Und: Code:
<!--[if gte IE 6]> |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
DIV lässt sich nicht zentrieren. | densi | CSS | 10 | 09.07.2011 19:18 |
IE 6 erkennt seine CSS Datei nicht | Perelina | (X)HTML | 4 | 07.08.2009 19:56 |
CSS imagemap mit Tooltip - Probleme IE6 und IE7 | Evoli | CSS | 8 | 11.06.2009 10:56 |
Problem mit Dastellung in IE7 und FF | ConiKost | CSS | 1 | 05.07.2006 13:59 |
CSS Hacks werden zum Problem für IE7 | Floele | Offtopic | 24 | 17.10.2005 12:31 |