Css wurde nicht aktualisiert?

Das Problem ist schon behoben aber mich interessiert woran es liegt.
hatte eine index.php in der hatte ich die style.css verlinkt

sagen wir mal der body background war auf rot aber ich hab ihn auf blau geändert.

Und es hat sich nichts getan bis ich es über den vs code debugger gestartet habe, dann ist mir die idee gekommen mal alle browser daten zu löschen.

und dann ging es wieder.

hatte keine Rechtschreibfehler oder sonst was,

wenn ich die style.css aus dem Php doc. Entfernt habe dann wurde der body auch weiss statt rot.
Hätte stunden damit verbracht irgendwelche fehler zu suchen, wenn mir das nicht schnell eingefallen wäre…

23.06.2022, 04:30

Habe chrome benutzt, müsste ja sowieso irgendwas mit dem Browser zu tun haben. Weniger mit css usw.

4 Antworten

DodgeRT

23.06.2022, 07:21

cache löschen ist meistens die lösung. grad wenn man nicht viel am css macht dann bekommen des browser oft nicht mit und laden die neue datei nicht. wenn du irgendwann mal webseiten programmierst werden des ggf. auch leute haben die deine seite besuchen. im schlimmsten fall hast du den html code geändert (was gezogen wird), aber die css datei nicht - dann ist bei ihnen des layout im eimer.

ich machs deshalb mittlerweile so, dass ich meine css-dateien versioniere und grade bei großen (layout-) änderungen hochzähle.

<link rel="stylesheet" href="style.css?v=1.1" type="text/css">

10tel

08.01.2023, 22:43

Es wurde ja schon beschrieben, dass Dokumente zur Webseite (ausser CSS Dateien auch JS Dateien, Bilder, Videos, Audios, ...) im Cache vorgehalten werden, um eine Neuladung einzusparen.

Das erzwundene Neuladen mit [Strg][F5] ist mit Tastaturen, aber nicht bei tastaturlosen Geräten möglich.

Du kannst das Änderungsdatum (TagUhrMinuteSekunde) der CSS-Datei per PHP dem Dateinamen anhängen, um immer die aktuellste zu laden:

<link rel=stylesheet href="../css/basis.css?<?= date("dHis", filemtime("../css/basis.css")) ?>">

Sieht etwas kryptisch aus, macht aber das, was es soll. Der generierte Code sieht so aus, denn die CSS Datei wurde am 05. um 11:26:26 zuletzt geändert:

<link rel=stylesheet href="../css/basis.css?05112626">

Woher ich das weiß:Berufserfahrung

FaTech

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

HTML, programmieren, Programmieren & Softwareentwicklung

23.06.2022, 07:31

Browser speichern Dateien (außer HTML) im Cache. HTML zwar auch, das wird aber immer aktualisiert. Besonders Chrome ist beim Speichern extrem schnell, wodurch schneller keine Aktualisierung passiert. Die CSS ist im Cache und sofern die URL gleich ist, aktualisiert der auch nicht die Datei, sondern lädt die alte. Beim Entfernen der Datei hat man die URL geändert, deshalb findet dort eine Aktualisierung statt. Die CSS und Bilder und co. zur Aktualisierung erzwingen, geht mit PHP ganz easy. Setze hinter den URLs eine PHP Variable: "url/Ordner/datei.css?".$cacheID und dann setzt du in der variable eine beliebige Zahl. Immer bei einer Aktualisierung, änderst du die Zahl und schon wird der Cache aktualisiert. Auch kannst du machen, dass der mit PHP während der Entwicklung automatisch die Zahl ändert, sodass der nie den Cache benutzt, doch solltest das wieder limitieren auf nur änderung bei Update, wenn du es released

ichweisnetwas

23.06.2022, 04:59

Am cache vermutlich. Mach immer die Entwicklertools neben der Website auf und stell da ein das kein Cache angelegt wird solange das Entwicklertool eingeschalten ist.

oder refresh die Seite mit Strg + f5, das löscht den Cache vor dem refresh

indexhtml

Fragesteller

23.06.2022, 05:00

Achso, ist mir aber bis jetzt das erste mal passiert. Hab mich gewundert warum Dieses mal.

ichweisnetwas

23.06.2022, 05:02

@indexhtml

Irgendwann läuft der voll. Passierte jedem am Anfang das er dann rum eiert obwohl alles stimmt. Der nimmt halt nix neues mehr an sozusagen wenn’s voll ist.

ich empfehle die erste Variante die ich schrieb und auch ansonsten immer mit Strg + f5 refreshen, dann biste immer Safe

Ähnliche Fragen

localhost css laden?

Ich kann bei keine css dateien mit dem link tag laden. Ich habe mehrere Möglichkeiten ausprobiert:

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

<link type="text/css" rel="stylesheet" hrefhttp://localhost/stylesheets/style.cssss">

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

nur fürs Verständnis:

htdocs

|- index.php

|- stylesheets

|- style.css

keine dieser möglichkeiten funktioniert.

Weiß jemand wie das geht? Oder hab ich einen Fehler gemacht?

Danke im Voraus :)

...zur Frage

style.css (sheet) in einen .php Code einfügen?

wie kann ich mein Style sheet in .css in einen .php Code einfügen? So, dass ich es damit quasi designen kann?

...zur Frage

Wie diesen Rand html, css entfernen?

Hey, wie ihr im Bild sehen könnt ist da ein Rand, der nicht da sein sollte. Kann jemand helfen?

body {

overflow-x:hidden;

background-image:linear-gradient(45deg,grey, rgb(66, 66, 66), blue, green, red, black,yellow, rgb(44, 129, 232));

width: 100%;

}

...zur Frage

CSS funktioniert in Notepad++ nicht?

Hab ein HTML Dokument erstellt...hat auch alles funktioniert nun habe ich ein Style.css erstellt und dieses in meiner HTML Seite erkennbar gemacht wenn ich nun aber z.b etwas im CSS Dokument machen wir z.b body {background-color:"red";} und ich es dann speichere funktioniert es einfach nicht? Ich habe im CSS Dokument auch schon die Sprache CSS oben ausgewählt...

...zur Frage

index.php geht nicht (xampp)?

Tach, ich habe aus langeweile eine Website angefangen zu programmieren und da ich in die index.html ein bisschen php packen wollte, habe ich sie index.php genannt, seitdem bekomme ich diesen error (davor ging es, als es noch index.html hieß):

Jemand eine Ahnung wie man das fixen könnte?

Code:<!DOCTYPE html>
<html lang="en">


<head>


    <link rel="stylesheet" href="style.css">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HallOfEdits</title>
    <script src="js/homeBtns.js"></script>
    <div class="top">


        <h1 id="logo">Hall Of Edits</h1>


        <button id="login" type="button" onclick="login()">Login/Register</button>
        <button id="upload" type="button" onclick="uploadFile()">Upload</button>
        <button id="username" type="button" onclick="openProfile()"><button>
    </div>


</head>


<body style="background-color: #141414">
    <?php include 'session.php';?>
</body>


</html>

...zur Frage

Dynamic Web App und Thymeleaf CSS einbinden?

Moin.

Statt JSP wollte ich ich nun Thymeleaf umschwenken. Allerdings hab ich bei Thymeleaf Probleme, die CSS Datei einzubinden. Meine Recherchen haben ergeben, dass Thymeleaf von Haus aus in src/main/resources/static/ nach Ressourcen sucht. Die hab ich auch da reingepackt. css/style.css

Mein HTML Dokument sieht die Verlinkung Folgendermaßen aus:

 <link th:href="@{/css/style.css}" rel="stylesheet" />

Meine HTML Seite befindet sich direkt im webapp Ordner.

Ich hab auch versucht die HTML Seite in den templates Ordner zu packen. Leider ebenfalls ohne Ergebnis.

Pro Forma der CSS Inhalt :)

body{
	background-color: red;
}

Hier auch mal ein Bild von der Ordnerstruktur:

...zur Frage

JavaScript - Erste Schritte, CSS wird blockiert?

Ich bekomme folgenden Error, wenn ich versuche meine ersten Versuche einer Webseite in Firefox zu laden.

Die Ressource von "http://localhost:63342/FirstTest/style.css" wurde wegen eines MIME-Typ-Konfliktes ("text/html") blockiert (X-Content-Type-Options: nosniff)

Das ist der Code von den Datein.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>Title</title>
    <link rel="stylesheet"href="style.css">
</head>
<body>
    <div class="placeholder">
        I'm in a div!
    </div>
    <div class="anotherClass">
        I'm in another class!
    </div>
</body>
</html>

CSS

.placeholder{
    background-color: red;
}

.anotherClass{
    background-color: lightseagreen;
}

Leider werden nur die div Elemente ausgeben, woran kann es legen? Ich werde aus der Fehlermeldung nicht schlau.

Schöne Grüße

...zur Frage

html/css hintergrund verschwommen machen mit filter: blur()?

ich habe bei der css datei:

body{

background-image:url(background.gif) ;

genommen und logischerweise wird die navigation oben von der website auch verschwommen, wenn ich filter: blur() eingebe. wie mache ich dies nur für den hintergrund?

...zur Frage

CSS bei Hover anderes Element verändern?

Ganz ohne JavaScript

Mit dem Code unten kann ich beim hovern auf container1 die Hintergrundfarbe von container2 ändern weil er in container1 drinnen ist

aber geht es nicht auch so das ich den Body Hintergrund auf grün oder so ändern kann ?

    #container1{
            height: 50vh;
            background-color: blue;
        }
        #container2{
            height: 25vh;
            width: 100%;
            background-color: red;
        }
        #container1:hover #container2{
            background-color: green;
        }
    <div id="container1">
            <div id="container2"></div>
    </div>

...zur Frage

CSS möchte nicht laden?

Hallo,

es geht darum, dass ich ein Projekt habe in dem Java, Spring boot, ReactJS, CSS, JS und RestAPI mit inbegriffen sind. Mein Problem liegt lediglich darin, dass die html beim laden der Seite: localhost:8080/login.html den inhalt der html datei anzeigt aber die css datei garnicht übernimmt. Die Pfade zu den einzelnen Dateien stimmen ebenfalls, da sie verlinkt sind, doch das stylen über css funktioniert nicht

login.html: https://codefile.io/f/uD0jP33Wef
style.css: https://codefile.io/f/AGN6ENmt6t
script.js: https://codefile.io/f/unKOx5NUi6

Wäre echt top, wenn mir jemand dabei behilflich sein könnte.

...zur Frage

linien entfernen?

zwischen denn button sind so kleine linien. wie kan man die enfernen?

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="fontawesome-free-6.4.2-web/css/brands.css">
    <link rel="stylesheet" href="fontawesome-free-6.4.2-web/css/all.min.css">
    <link rel="stylesheet" href="fontawesome-free-6.4.2-web/css/brands.min.css">
    <link rel="stylesheet" href="fontawesome-free-6.4.2-web/css/fontawesome.css">
    <link rel="stylesheet" href="fontawesome-free-6.4.2-web/css/fontawesome.min.css">

    <title>Document</title>
</head>
<body>
    
    <div class="container">
        <h1>Homepage</h1>
        <a href="https://youtube.com">
            <button class="youtube"><i class="fa-brands fa-youtube"></i> YouTube</button>
        </a>
        <a href="https://discord.com/channels/@me">
            <button class="discord"><i class="fa-brands fa-discord"></i> Discord</button>
        </a>
        <a href="https://github.com">
            
            <button class="github"><i class="fa-brands fa-github"></i> Github</button>
        </a>
    </div>



    
</body>
</html>

style.css

body {
background-image: url(background.jpg);
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}

.container {
background-color: rgb(136, 127, 127);
padding: 20px;
border-radius: 5px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
text-align: center;

}

.youtube {
    align-self: center;
    background-color: #f44336;
    font-size: 20px;
    padding: 14px 40px;
    border-radius: 8px;
    color: black;
    border: 2px solid black;
}

.discord {
    background-color: #738adb;
    font-size: 20px;
    padding: 14px 40px;
    border-radius: 8px;
    color: black;
    border: 2px solid black;
}

.github {
    background-color: #495057;
    font-size: 20px;
    padding: 14px 40px;
    border-radius: 8px;
    color: black;
    border: 2px solid black;
}

...zur Frage

HTML/PHP/CSS Code funktioniert nicht?

Ich benutze den Code <div class="Box">BOX</div> in einer php Datei und den Code .Box {

background-color: black;

}

in einer css Datei aber bei mir steht dort am ende nur "BOX".

...zur Frage

HTML/CSS, Bilder werden nicht angezeigt?

Ich habe im <body> mehrere divs, in denen abwechselnd divs und Texte untereinander angezeigt werden sollen. Die Bilder sollen auf voller Höhe sein (height: 100vh;). Wenn ich die Bilder mit <img src=""> im HTML Code im div einfüge, wird es angezeigt. Will ich es aber in meiner CSS Datei als background-image vom div einfügen, wird der Bereich, wo das Bild sein sollte, einfach nur grau. Die style.css ist richtig in der HTML-Datei angegeben, da andere Styles funktionieren. Der Pfad ist ebenfalls richtig angegeben. Hat jemand Ideen, was ich falsch mache? :(

...zur Frage

CSS background gif UND background color?

Halloo, Eine Frage zu CSS, wie man im Titel schon erkennen kann :)

Undzwar habe ich folgendes Programm geschrieben:

html, body {
 margin: 0;
 padding: 0;
}

.hintergrund {
 background: url(bla.gif) no-repeat center center;
 background-size: cover;
 height: 350px;
 text-align: center;
}

So, mein Wunsch wäre es unter dem Gif noch die Hintergrundfarbe zu ändern.. Weiß jmd wie das funktioniert?

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen