CSS IE/Firefox

Urs

Urs

Legendäres Mitglied
Wie kann ich innerhalb eines css sheets was für den ie und was für die anderen definieren?

CODE
table.moduletable {
width:100%;
margin-bottom: -2px;
border-spacing: 0px;
border-collapse: collapse;
}


für den ie folgendes:

CODE margin-bottom: -2px;


und für die anderen dies:

CODE
margin-bottom: 0px;



 
schau mal hier: http://forum.designnation.de/Thema/Browserweiche-fuer-CSS
wink.gif
 
da es sich um ein cms handelt kann ich keine browserweich gebrauchen.
es sollte doch möglich sein in css nur einen wert für den anderen browser zu definieren ... aber wie?
 
selber in der css kann man glaub ich gar nicht.. nimm lieber diese browserweiche und pack die in dein cms quellcode..
 
also beim ie7 funktioniert bisher nix ... naja ich probiere weiter und wennich ne lösung hab wird sie hier gepostet.
 
Wie wär es mit

Conditional comments

z.B. sowas:


<style type="text/css" media="screen" title="default">
@import url(/styles/article.css);
</style>
<!--[if IE]>
<style type="text/css" media="screen">
@import url(/styles/article-ie.css);
</style>
<![endif]-->


Zuerst wird mal eine generelle CSS-Datei reingeladen und dann noch eine Datei für IE nachgeladen...

Infos gibt es hier:
http://www.quirksmode.org/css/condcom.html
Oder auch direkt von Microsoft:
http://msdn2.microsoft.com/en-us/library/m...512(VS.85).aspx

Conditional comments würden auch die Versionen des IE unterscheidbar machen.

Man könnte natürlich innerhalb der CCs auch gleich spezifisch für den Firefox werben...
 
Noch ein Beispiel mit Conditional Comments:
http://www.technorati.com/

CODE

<!--[if IE 7]><link rel="stylesheet" type="text/css" href="http://static.technorati.com/x/static/css/ie7.css?1196792415" /><![endif]-->
<!--[if IE 6]><link rel="stylesheet" type="text/css" href="http://static.technorati.com/x/static/css/ie6.css?1179153484" /><![endif]-->


 
Sie müssen sich einloggen oder registrieren, um hier antworten zu können.
Zurück
Oben