tutorials.de Buch-Aktion 02/2012
Like Tree1Danke
  • 1 Beitrag von spicelab
ERLEDIGT
JA
ANTWORTEN
4
ZUGRIFFE
281
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 11.08.10 16:18 #1
    qsrs qsrs ist offline Mitglied Brokat
    Registriert seit
    Jan 2005
    Beiträge
    438
    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 :
    1
2
3
4
5
6
7
8

    .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?
     
    Zitieren Zitieren
  2. 11.08.10 16:22 #2
    Avatar von spicelab
    spicelab spicelab ist offline goaspicy
    Registriert seit
    Feb 2010
    Beiträge
    1.392
    IE erhält eine alternative CSS-Datei mittels Conditional Comments, in der dies steht:
    Code css:
    1
2
3

    .dock {
left:190px;
}
    und so den Eigenschaftswert "left:220px" im ersten Stylesheet überschreibt.
    Geändert von spicelab (11.08.10 um 16:29 Uhr) Grund: Ergänzung
    qsrs bedankt sich. 
    Zitieren Zitieren
  3. 11.08.10 20:36 #3
    qsrs qsrs ist offline Mitglied Brokat
    Registriert seit
    Jan 2005
    Beiträge
    438
    also...?

    es gibt in CSS ja if-else-Anweisungen, nur kam ich hier nicht weiter.
     
    Zitieren Zitieren
  4. 12.08.10 06:36 #4
    Avatar von spicelab
    spicelab spicelab ist offline goaspicy
    Registriert seit
    Feb 2010
    Beiträge
    1.392
    Zitat Zitat von qsrs Beitrag anzeigen
    also...?
    Also was?

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

    HTML-Code:
    <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:
    Code css:
    1
2
3
4
5
6
7
8

    .dock {
    position: relative; 
    height: 50px; 
    text-align: center;
    float:left;
    top: 5px;
    left: 220px;
}
    style_ie.css:
    Code css:
    1
2
3

    .dock {
    left: 190px;
}

    Zitat Zitat von qsrs Beitrag anzeigen
    es gibt in CSS ja if-else-Anweisungen
    Tatsächlich?


    Zitat Zitat von qsrs Beitrag anzeigen
    nur kam ich hier nicht weiter.
    Kein Wunder, denn die gibt es überhaupt nicht.
    Geändert von spicelab (12.08.10 um 06:46 Uhr)
     
    Zitieren Zitieren
  5. 19.08.10 15:56 #5
    qsrs qsrs ist offline Mitglied Brokat
    Registriert seit
    Jan 2005
    Beiträge
    438
    Ich danke dir, konnte das Problem somit lösen.
     
    Zitieren Zitieren
« Hover- Effekt mit runden Ecken und Transparenz | Problem mit Transparenz und runden Ecken »

Ähnliche Themen

  1. Verschieden Zufallszahlen
    Von MechanU im Forum Java
    Antworten: 4
    Letzter Beitrag: 12.05.09, 22:19
  2. navigation verschieden in firefox und ie
    Von Grille im Forum CSS
    Antworten: 12
    Letzter Beitrag: 14.09.07, 22:59
  3. verschieden Sprachen in php
    Von jer1cho im Forum PHP
    Antworten: 6
    Letzter Beitrag: 26.03.07, 13:14
  4. Höhe in IE und FF verschieden!
    Von phamez im Forum CSS
    Antworten: 7
    Letzter Beitrag: 13.02.06, 17:00
  5. TTF 2 PNG mit verschieden Farben
    Von loki2002 im Forum PHP
    Antworten: 0
    Letzter Beitrag: 20.04.02, 17:08