@import; oder auch nicht.

dominicbauer · 20 Oktober 2009

Ich blick's nicht. Wieso funktioniert mein @import-Modularisierungs-Stylesheet (style.css) nicht? Anbei meine Ordnerstruktur.

style.css (Importiert drei andere Stylesheets):

Code:

[COLOR=Silver]/* Basis-Stylesheet, importiert alle anderen Stylesheets */[/COLOR]

[COLOR=Silver]// Reset, Restaurierung und grundl. Formatierung[/COLOR]
@import url(css/resets.css);

[COLOR=Silver]// Stylesheet für die Bildschirmausgabe[/COLOR]
@import url(css/screen.css);

[COLOR=Silver]// Stylesheet für die Druckerausgabe[/COLOR]
@import url(css/print.css);

index.html (Import von css/screen.css funktioniert, ergo liegt der Fehler in style.css):

Code:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
    <title>Dokumenttitel</title>
    [COLOR=Silver]<!-- Funktioniert NICHT! -->[/COLOR]
    <link rel="stylesheet" type="text/css" href="style.css" />
    [COLOR=Silver]<!-- Funktioniert! -> style.css? -->[/COLOR]
    <link rel="stylesheet" type="text/css" href="css/screen.css" />
    <meta http-equiv="content-type" 
        content="text/html;charset=utf-8" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
</head>

<body>

     <h1>Hallo Welt!</h1>
         <p>Lorem Ipsum!</p>

</body>
</html>

style.css (Binde ich das Stylesheet direkt ein, funktioniert's):

Code:

[COLOR=Silver]/* Stylesheet für die Bildschirmausgabe */[/COLOR]

@media screen {

    body { 
        background-color: #333;
    }

} [COLOR=Silver]/* ENDE @media */[/COLOR]

Ansonsten hab' ich mal Alles hier hochgeladen.
Komm grad überhaupt nicht klar, ich könnte schwören dass exakt selber Code / Markup heute vormittag noch funktioniert hat... :-?

Danke im voraus.

Renegade · 20 Oktober 2009

Hi,

Nicht getestet, aber versuch mal:

Code:

@import url("css/resets.css");

//Edit:

Ich habe mal eben nachgeguckt. Scheint wohl nicht relevant zu sein.

//Edit2:
Aber das hier ist relavant :mrgreen:

Wenn du deine Stylesheets in eine externe Datei auslagerst, musst du darauf achten, dass sich die Pfadangabe auf den Ort der Stylesheet- und nicht der XHTML-Datei bezieht. Befindet sich die Stylesheet-Datei z.B. im Verzeichnis css und das Hintergrundbild in images, so wäre die gültige Pfadangabe url(../images/bild.gif)

dominicbauer · 20 Oktober 2009

Ne, hatte ich auch schon, macht keinen Unterschied. Danke trotzdem!

Hab wahrscheinlich irgendwo den Wurm drin...

Edit: Hä? Das zentrale @import-Stylesheet (style.css) und die index.html liegen im gleichen Verzeichnis!?

Nimm mal die einzeiligen Kommentare raus

Das'n Argument... :biggrin:

Espresso (mein Editor) ~~kennt~~ fügt nämlich nur einzeilige Kommentare ein. Im Produktiveinsatz sind die dann sowieso draußen.

Renegade · 20 Oktober 2009

Hi,

Nimm mal die einzeiligen Kommentare raus :ugly:

//Edit:
Und hier nochmal zum nachlesen:

Einzeilige Kommentare wie in JavaScript // existieren in CSS nicht.

@import; oder auch nicht.

dominicbauer

Well-known member

Renegade

Well-known member

dominicbauer

Well-known member

Renegade

Well-known member