Die 10 wichtigsten IE7-Neuerungen
10. Prozentangaben für absolut positionierte Elemente
Gerade für liquide Designs ist es wichtig absolut positionierte Elemente auch korrekt mit prozentualen Werten angeben zu können.
9. Gepunktete Rahmen erscheinen… gepunktet!
Bis zur Version 6 wurden Angaben wie border: 1px dotted #000;
gestrichelt angezeigt. Diese Unzulänglichkeit wurde endlich ausgemerzt.
8. Overflow funktioniert korrekt
Bisher wuchsen Container-Elemente mit, auch wenn sie gefloatete Elemente beinhalteten. Dies entsprach nicht der Spezifikation.
7. :first-line
und :first-letter
funktionieren jetzt auch ohne Leerzeichen
Wenn zwischen dem Selektor mit :first-line
beziehungsweise :first-letter
und der öffnenden Klammer („{“) kein Leerzeichen stand wurde die gesamte Anweisung nicht interpretiert. Dieses verhalten wurde nun behoben (und dürfte für weniger Schweißausbrüche beim erstellen von CSS sorgen).
6. Anweisungen mit mehreren Klassen werden korrekt ausgewertet
Bisher gab es verschiedene Anomalien bei Verwendung von mehreren Klassen in Anweisungen wie beispielsweise p.klasse1.klasse2
. Diese Anweisungen trifft nun auf Elemente wie <p class="klasse1 klasse2">...</p>
zu.
5. :hover
für alle Elemente, nicht nur für <a>
Endlich kann auch der Internet Explorer beim überfahren von Elementen reagieren. Das bedeutet, dass für Dropdown-Menüs kein zusätzliches Javascript mehr nötig ist.
4. min-height
und min-width
sowie max-height
und max-width
werden unterstützt
Dadurch werden flexible Layouts möglich, die Zeilenlänge kann aber begrenzt werden. In der finalen Version wird das – anders als in der Beta – auch mit Bildern gehen.
3. Fixierte Elemente sind endlich möglich
Elemente können nun per position:fixed
fixiert werden. Dies kann für viele Anwendungen sinnvoll sein. (Ich hoffe nur nicht auf die Rückkehr der Frames…)
2. Selektoren von CSS 2.1 und 3.0 wurden integriert
- Das jeweils erste Kindelement kann mit
:first-child
ausgewählt werden. Allgemein können direkte Elemente per Kindselektor (bspw.p>strong
) ausgewählt werden. (2.1) - Auch Geschwisterelemente können nun ausgewähl werden:
h1+h2
wählt das auf h1 direkt folgende h2 aus. (2.1) - Eine Auswahl nach Attributen ist nun auch möglich. (2.1)
- Auch die Attribut-Selektoren aus CSS 3 werden unterstützt.
1. PNG-Bilder mit Alpha-Transparenz
PNG-Bilder, transparente Überlagerungen und was man nicht sonst noch alles mit Alpha-PNGs machen kann werden für einen neuen Trend im Webdesign sorgen. Zusammen mit background-position:fixed
sind ganz neue Arten von Layout möglich.
0. Automatisches Update
Okay, hier noch ein elfter Punkt, aber der ist nicht per se ein Feature des Internet Explorers: Das Update von IE6 nach IE7 wird als „kritisch“ eingestuft, dies bedeutet, dass er automatisch im Hintergrund geladen und installiert wird.