zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Mehrere externe CSS-Dateien einbinden - welche Methode ist empfehlenswert?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 18.03.2010, 18:08
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.10.2009
Beiträge: 9
mcman befindet sich auf einem aufstrebenden Ast
Standard Mehrere externe CSS-Dateien einbinden - welche Methode ist empfehlenswert?

Hi!

Kurz und bündig: Macht es einen Unterschied, ob ich die nachfolgenden CSS-Dateien so

Code:
<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" media="screen" href="ie.css" />
<![endif]-->
oder so

Code:
<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
<!–[if IE]>
<style type="text/css">@import url(ie.css);</style>
<![endif]–>
in ein und dieselbe HTML-Datei (Transitional 4.01) einbinde? In beiden Fällen interpretiert der IE doch sowohl die "style.css" als auch die "ie.css", oder?

Zudem: Gibt es eine Möglichkeit, diese CSS-Dateien gegenüber weiteren besonders zu gewichten ("!important" o.Ä.)?
Hintergrund ist der, dass ich gerade über einer deutlich funktionserweiterten eBay-Angebotsseite brüte, welche nach einem Page Refresh (und nur dann!) urplötzlich diverse Darstellungsfehler aufweist - eben so, als ob einige CSS-Anweisungen "verloren" gingen bzw. nicht (mehr) berücksichtigt würden... Weiß jemand Rat/die Ursache dieses Phänomens?

Besten Dank im Voraus!
mcman
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 18.03.2010, 18:43
Benutzerbild von Scheppertreiber
Chaot und Nonkonformist.
XHTMLforum-Kenner
 
Registriert seit: 13.03.2007
Ort: Steinmark im Spessart
Beiträge: 7.457
Scheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein Lichtblick
Standard

!important bezieht sich auf genau eine Deklaration. Ansonsten gewinnt die Deklaration die als letzte auftaucht. Das sollte so hinhauen.
__________________
Grüße aus dem Spessart, Joe

{ table-layout: biertischistbesser; }
Der Mausinator
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 19.03.2010, 12:55
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.10.2009
Beiträge: 9
mcman befindet sich auf einem aufstrebenden Ast
Standard

Hi Joe!
Zitat:
Zitat von Scheppertreiber Beitrag anzeigen
Das sollte so hinhauen.
Sollte, tut es aber leider nicht... Das Problem bei eBay ist ja, dass ich keinen Zugriff auf den <HEAD>-Bereich der Angebotsseite bekomme, in den ich meine recht umfangreiche CSS (inkl. Conditional Comments) einpflegen könnte. Stattdessen bin ich gezwungen, selbige einfach meinem HTML-Code voranzustellen.

Was ich mir nicht wirklich erklären kann: Wieso wird das von mir erstellte Template - sowohl im Firefox 3.5 als auch im IE 7 - mal korrekt dargestellt und mal nicht!? Also, Testauktion eingestellt, in beiden Browern aufgerufen, alles supi! Weitere Links aufgerufen, zurück zur Angebotsseite (egal, ob per Direktlink oder Back-Button des jeweiligen Browsers): Darstellungsfehler! Wieso bloß!?

Bleibt die ergänzende Frage, ob es generell einen Unterschied macht, zwei CSS-Dateien per
Code:
<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" media="screen" href="ie.css" />
<![endif]-->/>
einzubetten oder hier für die "ie.css" auf "@import" zurückzugreifen?
Code:
<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
<!–[if IE]>
<style type="text/css">@import url(ie.css);</style>
<![endif]–>
TIA, mcman
Mit Zitat antworten
  #4 (permalink)  
Alt 19.03.2010, 12:58
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.921
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

nein, es macht keinen Unterschied.
Mit Zitat antworten
  #5 (permalink)  
Alt 19.03.2010, 13:03
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.10.2009
Beiträge: 9
mcman befindet sich auf einem aufstrebenden Ast
Standard

Hey, das ging schnell - danke! Hat jetzt vielleicht noch jemand einen Lösungsansatz für das eBay-Problem? Will die Welt einfach nur wieder halbwegs verstehen...

TIA, mcman
Mit Zitat antworten
  #6 (permalink)  
Alt 19.03.2010, 13:33
EvT EvT ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.09.2006
Ort: Bad Wildungen
Beiträge: 2.223
EvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekannt
Standard

Bei eBay eigenen CSS- und/oder auch HTML-Code einzupflegen, ist manchmal recht abenteuerlich. Häufig liegt es dabei an von eBay eingebauten (Schutz)-Mechanismen. Was da nun im Einzelnen vorliegt, lässt sich nicht abstrakt beurteilen. Deshalb wäre jetzt ein Link mehr als hilfreich.

Geändert von EvT (19.03.2010 um 13:37 Uhr)
Mit Zitat antworten
  #7 (permalink)  
Alt 19.03.2010, 13:37
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.780
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Egal ob link- oder style-Element: Beide gehören in den Head. Du setzt sie zwangsläufig irgendwo in den Inhaltsbereich. Mich würde es nicht wundern, wenn die Browser daran hin und wieder scheitern.

Ansonsten kann man nur sagen: Ohne Link zum Problem kann dir niemand wirklich helfen. Alles bleibt Spekulation.

edit:
Musste ja mal passieren, dass ich zu langsam bin.
Mit Zitat antworten
  #8 (permalink)  
Alt 19.03.2010, 13:41
EvT EvT ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.09.2006
Ort: Bad Wildungen
Beiträge: 2.223
EvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekannt
Standard

Na ja, es steht mindestens 20:1 für dich.
Mit Zitat antworten
  #9 (permalink)  
Alt 19.03.2010, 13:43
Benutzerbild von Scheppertreiber
Chaot und Nonkonformist.
XHTMLforum-Kenner
 
Registriert seit: 13.03.2007
Ort: Steinmark im Spessart
Beiträge: 7.457
Scheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein Lichtblick
Standard

Zitat:
Zitat von fricca Beitrag anzeigen
Egal ob link- oder style-Element: Beide gehören in den Head. Du setzt sie zwangsläufig irgendwo in den Inhaltsbereich. Mich würde es nicht wundern, wenn die Browser daran hin und wieder scheitern.
Manchmal geht's leider nicht anders

Ich hatte damit aber noch keine Probleme. Vermutlich hat das wirklich etwas
mit eBay zu tun. Sie müssen ihr System ja auch sichern. Mit einem Link könnte
man vielleicht die kritische Stelle finden.
__________________
Grüße aus dem Spessart, Joe

{ table-layout: biertischistbesser; }
Der Mausinator
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 19.03.2010, 18:34
Michael Walter
XHTMLforum-Mitglied
 
Registriert seit: 16.02.2010
Ort: Berlin
Beiträge: 237
Walter IT-Services befindet sich auf einem aufstrebenden Ast
Standard

Hallo!

Ähnliche Probleme macht auch Facebook, wenn man dort ein App erstellen will,
wie ich schon heraus finden konnte.

Kann es sein, dass die Anbieter selbst CSS-Deklarationen mit !important versehen und daher später keine Möglichkeit mehr besteht diese zu ändern?
Denn wenn ich das richtig verstanden habe, wird durch !important diese eine Deklaration benutzt und alle anderen, egal wo sie stehen, ignoriert.
Seh ich doch richtig so, oder?
__________________
Walter IT-Services
Michael Walter

http://www.walter-it.de
http://blog.walter-it.de
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
css in html einbinden?! Inrav3 CSS 7 16.02.2010 15:23
Universal Pfad für externe CSS mrVAIN CSS 7 04.10.2004 15:21
mehrere externe css einbinden??? kick CSS 2 29.09.2004 11:33
CSS Grafiken dynamisch einbinden Jacky CSS 6 17.08.2004 15:58
Externe CSS Definition fkt mit Opera 7 / Mozilla 1.5 nicht uri2510 CSS 4 17.12.2003 15:29


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:42 Uhr.