Zwei Externe Css Dateien

[H0MER]

Moin Moin.

Ich habe folgendes Problem:

Ich möchte auf einer Seite zwei verschiedene externe CSS-Dateien einbinden.
Das Problem ist jetzt aber, dass unter IE alles genau so aussieht, wie es sollte. Im FF jedoch, werden die Anweisungen immer der gleichen externen CSS-Datei ignoriert.
(Große und kleine CSS-Datei deswegen, da ich eine Intranetseite baue und die "große" Datei von der Firma vorgegeben ist, und die kleine meine eigenen Styles bereithält)
In der kleinen Datei dürfte es auch keine Überschneidungen von Styleangaben geben, da ich für alle Style angaben #stylexyz Angaben gemacht habe, die in dem großen Style nicht vorkommen.

Ich hoffe ich habe das Problem ein bisschen verständlich rüberbringen können.

Ach ja.. bei meinen Recherchen im Internet bin ich auf den Hinweis gestoßen, dass man durch die Reihenfolge, in der die "<link rel="stylesheet"" Anweisungen erscheinen, auch festlegen kann, welche der beiden CSS-Dateien beachtet werden sollen.
Das hat aber nullkommanix gebracht.

mfg
H0MER

[Jonathan]

Firefox hat generell keinerlei Problemen mit mehreren Stylesheets.

Vielleicht einhalten Die stylesheets fehler, oder du hast irgendeinen Fehler bei EInbinden der Styles gemacht. Ein bischen Quelltext wäre hilfreich...

mfg Jonathan

[Phil]

Lass dein CSS mal validieren vllt. erkennst du ja einen schwerwiegenden Fehler.

http://jigsaw.w3.org/css-validator/

Ansonsten wirst du wohl mit Brwoserweiche versuchen müssen. Wenn ich dein problem richtig verstanden habe.

mfg

Phil

[H0MER]

hi ihr Beiden.

Danke für die Antworten.
Leider kann ich Euch erst morgen erzählen, was dabei rausgekommen ist, bzw Quellcode zeigen, da ich jetzt zuhause bin und dort nicht Testen kann.

mfg
H0MER

[at]

Hallo.

Vielleicht einhalten Die stylesheets fehler, oder du hast irgendeinen Fehler bei EInbinden der Styles gemacht.

Insbesondere die Groß-/Kleinschreibung soll ja schon vielen Schwierigkeiten bereitet haben.
MfG, at

[MudGuard]

Hi,

Ach ja.. bei meinen Recherchen im Internet bin ich auf den Hinweis gestoßen, dass man durch die Reihenfolge, in der die "<link rel="stylesheet"" Anweisungen erscheinen, auch festlegen kann, welche der beiden CSS-Dateien beachtet werden sollen.

Falsch.
Beachtet werden alle.

Wenn allerdings ein Element von mehreren Selektoren gleicher Specificity ausgewählt wird, überschreiben Deklarationen für dieselbe Eigenschaft aus dem zugehörigen Ruleset der später eingebundenen Ressource solche aus der früher eingebundenen.

Wird die unbeachtete CSS-Datei mit dem richtigen Content-Type ausgeliefert?
Ist sie korrekt eingebunden? (IE lädt z.B. auch Ressourcen, die statt des korrekten / ein \ im Pfad stehen haben, Firefox verhält sich da korrekt ...)

cu,
Andreas

[H0MER]

Hi nochmal ...
noch eine weitere Information.
Wenn ich die CSS-Anweisung meiner kleinen Css-Datei in den Quelltext einbinde, funktioniert das auch alles wunderbar...
Da sich die CSS-Datei im gleichen Ordner befindet, wie die auszuführende PHP-Datei, kann ich eigentlich nen Fehler bei der Pfadangabe ausschließen.

Der Validator meckert nur ein bisschen an, dass ich bei Hintergrundfarben keine Vordergrundfarben deklariert habe.

mfg
H0MER

[Jonathan]

Ohne Quelltext oder einen Link kann hier niemand etwas zu sagen.

Wie schon gesagt: Natürlich unterstützt Mozilla meherere (externe) Stylesheets.

MfG Jonathan

[H0MER]

Hi ... ich hoffe mal, dass es langt, wenn ich den Quellcode meiner kleinen CSS-Datei einfüge, da ich mir nicht sicher bin, ob es von Firmenseite erwünscht ist, dass ich denn CSS-Quellcode hier poste.

a:link {
          text-decoration : none;
      }
     a:visited {
          text-decoration : none;
      }
     a:hover {
          text-decoration : underline;
      }
     a:active {
          text-decoration : underline;
      }
     a:focus {
          text-decoration : blink;
      }
     #links {
          border-left : 5px ridge;
      }
     #rechts {
          border-right : 5px ridge;
      }
     #rechtsoben {
          border-right : 5px ridge;
          border-top : 5px ridge;
      }
     #rechtsunten {
          border-right : 5px ridge;
          border-bottom : 5px ridge;
      }
     #linksoben {
          border-left : 5px ridge;
          border-top : 5px ridge;
      }
     #linksunten {
          border-left : 5px ridge;
          border-bottom : 5px ridge;
      }
     #linksrechts {
          border-left : 5px ridge;
          border-right : 5px ridge;
      }
     #hell {
          background-color : #edf4f6;
          border-left : 1px solid #804000;
          border-right : 1px solid #804000;
          border-bottom : 1px solid #804000;
      }
     #dunkel {
          background-color : #cee3e7;
          border-left : 1px solid #804000;
          border-right : 1px solid #804000;
          border-bottom : 1px solid #804000;
      }
     #fullsize {
          height : 100%;
          width : 100%;
      }
     #oben {
          background-color : #eef4fc;
          border : 1px solid #804000;
      }
     #blau_tb {
          background-color : #99bdff;
      }
     #gruen_tb {
          background-color : #cee3e7;
      }
     #border_blau {
          border : 2px solid #99bdff;
          margin-left : auto;
          margin-right : auto;
      }
     #border_green {
          border : 2px solid #cee3e7;
          margin-left : auto;
          margin-right : auto;
      }
     #inbox {
          float : right;
          width : 50%;
          height : 100%;
      }
     #inbox_33 {
          width : 33%;
          float : left;
      }
     html, body {
          height : 100%;
      }

mfg
H0MER

[H0MER]

Hi ... langsam stehe ich komplett auf dem Schlauch ...
wenn ich nur noch meine CSS-Datei drin lasse, wird sie im FF nicht benutzt.
Nur im IE zeigt er den Inhalt richtig an.
Wenn ich im FF jedoch auf CSS->EditCss(mit der Extension "Web Designer") gehe, wird die Seite korrekt angezeigt.

Ich kapier das echt nicht mehr.
Hier noch mal zur Sicherheit, wie ich die CSS-Datei einbinde:

<link rel="stylesheet" href="style_inventory.css" type="text/css" />

mfg
H0MER

[Jonathan]

Hallo,

Wenn ich im FF jedoch auf CSS->EditCss(mit der Extension "Web Designer") gehe, wird die Seite korrekt angezeigt.

Das lässt stark darauf schließen, dass sie mit dem falschen Content-Type ausgelifert wird. Öffne die CSS-Datei (die Version auf dem Webserver) mal einzeln im Firefox und gucke dann in den Seiteninformationen, welche Content-Type angegeben ist.

[H0MER]

Hallo Leute.
Vielen Dank für eure Hilfe.

In der Tat war es ein Problem, welches auf den falschen Content Type zurück zu führen war.

Wir hatten den Webserver, den wir verwenden, so eingestellt, dass alle ausgelieferten Dateien mit "charset=IBM437" codiert waren.
Nachdem ich diese Codierung auskommentiert hatte, funktionierte alles wie gewünscht.

Ohne eure Hinweise, wäre ich da nie drauf gekommen.

VIELEN DANK!!!

mfg
H0MER

[Detlef G.]

Hallo H0MER

Hi ... ich hoffe mal, dass es langt, wenn ich den Quellcode meiner kleinen CSS-Datei einfüge, ...

Nein, das langt nicht.
Wenn dieses CSS validiert und direkt in der Seite auch wie von dir gewünscht funktioniert, dürfte dein Problem wohl kaum darauf zurückzuführen sein.
Viel interessanter wäre da, wie du die CSS-Datei eingebunden hast und mit welcher Content-Typeangabe diese ausgeliefert wird.

Dies zeigt dir z.B. Firefox unter Seiteneigenschaften an, wenn du die CSS-Datei im Browser aufrufst.

Auf Wiederlesen
Detlef