✔ CSS für IE und Firefox verschieden

Q

qsrs

Erfahrenes Mitglied
Hallo,

ich habe eine CSS-Datei, welche in eine html-Seite eingebunden ist. Jetzt sollte ich in diesem Skript für IE und Firefox spezifische Anweisungen schreiben können, die dann von beiden Browsern anders berücksicht werden.

Beispiel:

Code: 
.dock {
	position: relative; 
	height: 50px; 
	text-align: center;
	float:left;
	top: 5px;
	left: 190px;
}

Jetzt möchte ich z.B., dass im IE

left: 190px;

angewendet werden, und im Firefox

left: 220px;

Wie mache ich das?
 
IE erhält eine alternative CSS-Datei mittels Conditional Comments, in der dies steht:
CSS: 
.dock {
left:190px;
}
und so den Eigenschaftswert "left:220px" im ersten Stylesheet überschreibt.
 
Zuletzt bearbeitet:
qsrs hat gesagt.:
also...?
Zum Vergrößern anklicken....
Also was?

Meine Linkempfehlung zeigt dir doch, wie du es umzusetzen hast.

HTML: 
<head>
    <link rel="stylesheet" type="text/css" href="style.css">
    <!--[if IE]>
        <link rel="stylesheet" type="text/css" href="style_ie.css">
    <![endif]-->
</head>
style.css:
CSS: 
.dock {
    position: relative; 
    height: 50px; 
    text-align: center;
    float:left;
    top: 5px;
    left: 220px;
}
style_ie.css:
CSS: 
.dock {
    left: 190px;
}

qsrs hat gesagt.:
es gibt in CSS ja if-else-Anweisungen
Zum Vergrößern anklicken....
Tatsächlich? :suspekt:


qsrs hat gesagt.:
nur kam ich hier nicht weiter.
Zum Vergrößern anklicken....
Kein Wunder, denn die gibt es überhaupt nicht.
 
Zuletzt bearbeitet:
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück