IE7 Hack *+ ?

[ildottore]

Hallo =)

Ich hab ein Formular mit einigen div Boxen.

Mit dem IE8, IE9, FireFox und Safari sieht alles top aus.
Das böse Erwachen kam jedoch mit dem IE7.

Die div Boxen waren teilweise verschoben etc...
Auch mei Statusbalken baut sich nicht von links nach rechts, sondern von rechts nach links auf (wie verrückt ist das denn?).

Ich hab nun 2 Dateien.
Eine für IE8, IE9, FF etc. und eine die ich für den IE7 angepasst habe (hauptsächlich wurden margin Werte geändert, damits passt).

Diese Lösung ist aber alles andere als zweckdienlich.


Nun bin ich in diesem Forum über eine Bemerkung gestoßen, dass es einen IE7 Hack gibt.

Es soll mit "*#" funktionieren.

Könnte mir jemand erklären, wie das genau funktioniert?

Das wäre DIE Lösung für mein Problem.

Danke schon mal

 

[CPoly]

#dein-div {
    margin:20px;
}

*+html #dein-div {
    margin:10px;
}

Jetzt hat "#dein-div" in IE7 einen kleineren margin.

Allerdings bin ich der Meinung, dass sich fast alle Darstellungsprobleme auch ohne Hacks lösen lasen.

 

[ildottore]

Danke! Diese Variante hat toll funktioniert.

Hast du vielleicht noch ein paar Tipps, wie du solche Probleme im Vorhinein aus dem Weg gehst?

 

[CPoly]

Wenn man lange genug damit arbeitet, kennt man irgendwann viele der Macken der Browser. Ich kann mir zum Beispiel vorstellen, dass du im IE7 die Probleme hast, weil du entweder einen fehlerhaften DOCTYPE hast (-> Quirksmode) oder die Seite im Kompatibilitätsmodus läuft (-> Quirksmode).

Vielleicht kannst du ja mal ein ganz kleines Beispieldokument erstellen, dass den Fehler reproduziert. Dann guck ich mir das mal an.