CSS: Style Sheet Datei wird geladen

[Sylvia Marler-Feekes]

Hallo zusammen,

vielleicht kann hier jemand weiterhelfen: Ich habe Seiten gestaltet, die auf eine Style Sheet-Datei zugreifen (per Link:
<LINK REL=STYLESHEET HREF="/css/styles.css" TYPE="text/css"> ).
Mein Problem: Wenn ich die URL angebe, wird zuerst der Code dieser .css-Datei angezeigt und ich komme erst durch ein weiteres Laden der eigentlichen URL auf meine Seiten.
Ich dachte, es liegt am ; am Ende jedes Style Sheet-befehls, aber das ist es wohl nicht ...

[Peter Rampitsch]

Hi

Also an dem Link liegt es höchstwahrscheinlich nicht, denn bei mir funktioniert es so!
Vielleicht hast du die <!--  und  --> vor und hinter der Definition des Textformates nicht gemacht!
Es sollte ungefähr so ausehen, denn ohne die
wird es bei mir nicht richtig angezeigt, aber dein Problem tritt deswegen trotzdem nicht auf!

Die .css Datei sollte ungefähr so ausehen:

<style type="text/css">
<!--
h1 {font-family: Arial; font-size: 16pt; color: #0000cd; font-weight: 100}
h2 {font-family: Arial; font-size: 12pt; color: #000000; font-weight: 100}
h3 {font-family: Arial; font-size: 18pt; color: #000000; font-weight: 200}
-->
</style>

[Sylvia Marler-Feekes]

Hallo,

erstmal vielen Dank fuer die Hilfe :-))

Die .css Datei sollte ungefähr so ausehen:

<style type="text/css">
<!--
h1 {font-family: Arial; font-size: 16pt; color: #0000cd; font-weight: 100}
h2 {font-family: Arial; font-size: 12pt; color: #000000; font-weight: 100}
h3 {font-family: Arial; font-size: 18pt; color: #000000; font-weight: 200}
-->
</style>

Ja- das wars, sowas Bloedes ;-( Ich hab einfach die <!-- am Anfang und die --> am Ende der Datei vergessen!!!

Also nochmal,

thanx,

Sylvia

[Stefan Muenz]

Hallo Sylvia,

Ja- das wars, sowas Bloedes ;-( Ich hab einfach die <!-- am Anfang und die --> am Ende der Datei vergessen!!!

Weder die noch die style-Tags sind in die CSS-Datei noetig. Dort sollten eigentlich gar keine HTML-Tags vorkommen, schliesslich ist es eine css-Datei und keine htm-Datei. Also einfach nur die nackten CSS-Angaben.

Viele Gruesse
  Stefan Muenz

[Sylvia Marler-Feekes]

Hallo Stefan,

danke fuer die Atwort:-)

Weder die noch die style-Tags sind in die CSS-Datei noetig. Dort sollten eigentlich gar keine HTML-Tags vorkommen, schliesslich ist es eine css-Datei und keine htm-Datei. Also einfach nur die nackten CSS-Angaben.

Also - bei mir hatte es damit dann geklappt, allerdings nicht immer ... ???
Vielleicht nochmal kurz zu dem Fehler: Wenn ich meine HTML-Seite aufrufe, der ein Style Sheet zugrunde liegt, erscheint nicht diese aufgerufene Seite, sondern der Browser springt auf den link zum Style Sheet, ruft den Source Code des Style Sheets auf und aendert die Adresse auch in der Location. Ein einfaches reload ruft also nur wieder die Style Sheet-Datei auf, und ich muss die URL zu der Seite, die ich aufrufe, wieder angeben.

Ich frage nochmal nach, ob es an den Einstellungen des Webservers liegen koennte!

[Stefan Muenz]

Hallo Sylvia,

Mein Problem: Wenn ich die URL angebe, wird zuerst der Code dieser .css-Datei angezeigt und ich komme erst durch ein weiteres Laden der eigentlichen URL auf meine Seiten.

Was bedeutet: "Wenn ich die URL angebe"? Die URL der HTML-Datei oder der CSS-Datei? Wenn Du die CSS-Datei angibst, ist es vermutlich ganz richtig, was der Browser tut. Wenn Du die HTML-Datei angibst, sollte er die CSS-Datei lediglich fuer die Style-Informationen auslesen. In diesem Fall sieht es mir nach einem Problem am Server aus. Damit der HTTP-Server auf dem Server-Rechner die Datei korrekt "serviert", sollte in dessen Konfiguration der Mime-Type "text/css" fuer Dateien mit der Endung *.css eingetragen sein. Das koenntest Du mal an den Webmaster/Provider/Server-Betreiber weitergeben, er soll das mal checken.
Aber eines noch: welchen Browser benutzt Du? Koennte ja auch sein, dass es irgendein ganz schlauer ist, der das <link>-Tag zwar kennt, aber eben nicht in der Auspraegung mit Stylesheets.

Viele Gruesse
  Stefan Muenz

[Markus Vicari]

Hi,

fuer alle, die StyleSheets für IE4 und NN4 verwendet, hier noch die dynamiasche Variante,
da ie4 fast aööes von css level 2 beherscht und nn4 eben nicht:
als default wird das cssfuer netscape geladen und wenn der ie da ist, wird es dazu geladen
bzw.ersetz das bisher geladenen

<LINK HREF="nn4-style.css" SRC="nn4-style.css" REL="STYLESHEET" TYPE="text/css"
  TITLE="Stylesheet for HTML4" MEDIA="screen">

<SCRIPT LANGUAGE="JavaScript">
var BrowserName = navigator.appName;
var BrowserVersion = parseInt(navigator.appVersion);
var IE4 = (BrowserName == "Microsoft Internet Explorer" && BrowserVersion >= 4);
if(IE4){
document.writeln('<LINK HREF="msie4-style.css" SRC="msie4-style.css" REL="STYLESHEET" TYPE="text/css"');
document.writeln('TITLE="Stylesheet for HTML4" MEDIA="screen">');
}
</SCRIPT>

auszug aus der css fuer ie4, die eine reine ascii datei ist:

A:link  { text-decoration: none;
    color: #000080; }

A:visited {  text-decoration: none;
    color: #696969; }

A:active { text-decoration: none;
    color: #87CEED; }

BODY  { background-color: #FFFFFF;
    margin-top: 10px;
    margin-left: 0px;
    margin-bottom: 0px;
    font-size: 11pt;  
    line-height: 14pt;
    font-variant: normal;  
    font-style: normal;
    font-family: arial,verdana,times;
    color: #ff4500;
    text-align: left;
    display: block; }