Conditional Comments vs. Browserweichen und -filter per CSS

MrLight · #1 (**permalink**) 23.12.2006, 20:07

Mir ist beim stöbern und lesen über mein letztes Problem in verschiedenen Boards und auch Bloggs immer wieder zwei unterschiedliche Standtpunkte aufgefallen:

Die einen ziehen Browserweichen per CSS und die anderen Conditional Comments vor. Es werden Begriffe wie WC3 conform, oder auch sicherer für die Zukunft und auch die Einfachheit als Argumente ins Rennen gebracht.

Wenn es nun darum geht bestimmte Styles nur für den IE zu produzieren, was zieht Ihr vor, und warum?

Mr Light

fricca · #2 (**permalink**) 23.12.2006, 20:27

Schau mal da:
http://xhtmlforum.de/40105-tan-und-t...k-fuer-ie.html

heiko_rs · #3 (**permalink**) 24.12.2006, 03:17

Genau wie aus dem verlinkten Thread ersichtlich, lagere ich die speziellen Regeln für alle IE-Versionen in eine separate CSS-Datei aus (per CC "if IE"). Der Grund dafür ist ganz einfach: Die guten Browser sollen von mir eine komplett "saubere" CSS-Datei bekommen, während der IE dann in einer separaten Datei seine ganzen (für andere Browser überflüssigen) Zusatzregeln bekommt, die teilweise auch total widersinnig sind - z.B. height: 1px; für ein div, das am Ende die gesamte Viewport-Höhe ausfüllt... Solch ein Müll gehört einfach nicht in eine saubere CSS-Datei

(auch nicht, wenn die anderen Browser diese Regeln dank Hack ignorieren würden.)

Boris · #4 (**permalink**) 25.12.2006, 10:57

Ich teile heiko_rs Meinung in diesem Fall 1:1

MrLight · #5 (**permalink**) 25.12.2006, 21:22

Ja, die Begründung klingt für mich plausibel.

Einfach separate CSS Dateien für verschiedene Browser benutzen.

Jetzt habe ich nur noch eine Frage was die Effizienz anbetrifft.

wenn in sytles/meine.css irgendwo steht:

Code:

.body_out_upSide_left {
	background-image:url("../images/body/png_50/body_out_upSide_left.png");
}

und später im (per CC ausgeklammert) styles/ie.css dann:

Code:

.body_out_upSide_left {
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/body/png_50/body_out_upSide_left.png", sizingMethod="scale");
}

wird dann die Bilddatei "body_out_upSide_left.png" im ie zwei mal geladen?

Wenn ja, müßte ich folglich die erste Anweisung für den ie (lte 6) ausklammern. Oder werden die Bilddaten wirklich nur bei Gebrauch geladen?

Mr Light

pS Ich hoffe meine Frage ist verständlich rübergekommen...

heiko_rs · #6 (**permalink**) 27.12.2006, 01:46

Zitat:

Zitat von MrLight

Einfach separate CSS Dateien für verschiedene Browser benutzen.

Nicht wirklich: Eine saubere für alle Browser, die noch um eine Hacksammlung für den IE ergänzt wird.

Zitat:

Zitat von MrLight

wird dann die Bilddatei "body_out_upSide_left.png" im ie zwei mal geladen?

Und wenn die Grafik hundertmal im CSS steht: Sie wird nur einmal geladen und ist dann im Cache.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Redesign für Steiner Cycling Team	pkipper	Site- und Layoutcheck	11	09.02.2011 12:25
Conditional Comments in externer CSS-Datei?	fx123	CSS	18	03.02.2008 22:00
Conditional comments werden nicht übernommen!	kinjin	(X)HTML	5	22.10.2004 14:32
Valides CSS trotz conditional comments?	beeviz	CSS	4	14.07.2004 14:01
[link] CSS hacks bzw. filter	new user	Ressourcen	0	12.01.2004 12:08