zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Konditionelle CSS für IE7 / < IE7

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 07.05.2007, 18:13
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.02.2005
Beiträge: 9
sanpedro befindet sich auf einem aufstrebenden Ast
Standard 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)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 07.05.2007, 18:28
Yrr Yrr ist offline
Lernfähiges Wesen
neuer user
 
Registriert seit: 04.05.2007
Ort: Weit im Süden
Beiträge: 34
Yrr befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von sanpedro Beitrag anzeigen
<!--[if IE] < 7>
Uups, Du meinst wohl eigentlich <!--[if IE 7] >
__________________
Es gibt Menschen, die gar nicht yrren, weil sie sich nichts Vernünftiges vorsetzen.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 07.05.2007, 18:34
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.02.2005
Beiträge: 9
sanpedro befindet sich auf einem aufstrebenden Ast
Standard

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?
Mit Zitat antworten
  #4 (permalink)  
Alt 07.05.2007, 18:36
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Um meinen Quelltext so frei wie möglich von IE-Hacks zu halten, weise ich per <!--[if IE]> allen IEs eine einzige CSS-Datei zu und arbeite innerhalb dieser mit den üblichen Hacks, d.h. ohne Hack für alle IEs (d.h. 5 bis 7), und mit Star-Hack für IE 5/6 etc. Das geht natürlich auch, wenn Du die CSS-Regeln im Quelltext belassen möchtest. In jedem Falle würde ich persönlich nie mehr als einen CC im Head haben wollen.
Mit Zitat antworten
  #5 (permalink)  
Alt 07.05.2007, 18:40
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von sanpedro Beitrag anzeigen
1. den IE 7 anspricht –> <!--[if lt IE 7]>
lt = "less than", also "kleiner als 7", also IE 5 & 6. Für ausschließlich IE 7 läßt Du das lt einfach weg.

Zitat:
Zitat von sanpedro Beitrag anzeigen
Meine Bedingung –> IE kleiner als 7 –> <!--[if IE] < 7>

Macht das Sinn? Schreibt man das so?
Ne
Mit Zitat antworten
  #6 (permalink)  
Alt 07.05.2007, 19:06
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.02.2005
Beiträge: 9
sanpedro befindet sich auf einem aufstrebenden Ast
Standard

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!
Mit Zitat antworten
  #7 (permalink)  
Alt 07.05.2007, 20:59
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von sanpedro Beitrag anzeigen
Besser wäre eigenes IE-CSS.
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]-->
Es genügt ein CC statt zwei, und drei Regeln statt vier.
Mit Zitat antworten
  #8 (permalink)  
Alt 07.05.2007, 21:06
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 10.12.2006
Beiträge: 887
threadi sorgt für eine eindrucksvolle Atmosphärethreadi sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von sanpedro Beitrag anzeigen
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?
Nein, aber es geht so:

Code:
<!--[if lte IE 7]>
"lte" = "lower than and equal"

Und:

Code:
<!--[if gte IE 6]>
wäre für alle 6er und größer.
Mit Zitat antworten
  #9 (permalink)  
Alt 07.05.2007, 21:09
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von threadi Beitrag anzeigen
Code:
<!--[if lte IE 7]>
Gleichbedeutend mit <!--[if IE]>
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 07.05.2007, 21:12
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 10.12.2006
Beiträge: 887
threadi sorgt für eine eindrucksvolle Atmosphärethreadi sorgt für eine eindrucksvolle Atmosphäre
Standard

yop, aber wäre auch interessant für den Fall: <!--[if lte IE 6]>
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 20:13 Uhr.