Mein CSS wird nicht geladen im Internet Explorer 11 und Firefox!!! Funktioniert nur mit Chrome

Im erstellen einer einfachen Webseite. Mein CSS funktioniert nur in Chrome. Es funktioniert nicht in Firefox und IE11.

Hier ist meine HTML -

<html>
<head>
    <title>text</title>
    <link href="css/stylesheet.css" type="css/stylesheet" rel="stylesheet" media="all"/>
</head> 
    <body>
        <h1><b><u>Adding a new Visitor</u></b></h1><br/></br>
        <div class="wrapper">
            <figure>
                <img src="images/advis1.png"/>
                <figcaption style="padding-top: 12px;">text</figcaption>
            </figure>
            <hr/>
            <figure>
                <img src="images/advis2.png"/>
                <figcaption style="padding-top: 12px;">text</figcaption>
            </figure>
            <hr/>
            <figure>
                <img src="images/advis3.png"/>
                <figcaption style="padding-top: 12px;">text.</figcaption>
            </figure>
            <hr/>
            <h3><u>Result</u></h3> 
                <img src="images/advis4.png"/>
                <br/>
                <img src="images/advis5.png"/>
            </div>
            <footer>
                Author: Malcolm Tanti | Contact information: <a href="mailto:xxx">xxxxm</a>
            </footer>
    </body>

Und hier ist meine CSS -

h1 {

    text-align: center;
    border-bottom: double;
    border-left: double;
    border-right: double;
    width: 75%;
    margin: 0 auto;
    padding-top: 25px;
    padding-bottom: 25px;
    background-color: #C4CEDD;
    box-shadow: inset 0 20px 20px -20px #000000;
}

body {
    padding:0px;
    margin:0px;
    border:none;
    background-color: #7ea2d6;
    font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
}

.wrapper {
    box-shadow: inset 0 20px 20px -20px #000000;
    border: double;
    padding-top: 50px;
    padding-bottom:50px;
    width: 75%;
    margin: 0 auto;
    text-align: center;
    font-size: 20px;
    background-color: #C4CEDD;
}

img { 
   border:3px double;
   display: block;
   margin: 0 auto;
}

footer {
    padding-top: 10px;
    text-align: center;
    font-size: 14px;
}

Ich bin ganz neu in CSS aber HTML. Es funktioniert prefectly fein in Chrom, die führt mich zu Fragen, was das problem ist. Mein Problem ist, dass keiner der css lädt und dass alle Bilder und text sind nicht aufeinander abgestimmt. Ich habe nicht einmal anycolours

type="text/css" nicht type="css/stylesheet" aber brauchen Sie nicht sowieso. Chrome wird es fast alles, was Sie ihm dienen, aber andere Browser sind nicht in dieser Weise 😉
Haben Sie versucht, STRG-F5? Vielleicht ist IE und FF haben etwas gecacht?
Tatsächlich! Es funktionierte type="text/css" vielen Dank @mdesdev
Was meinst du mit " funktioniert es nicht? Siehst du überhaupt etwas, oder sind die Elemente gerade nicht in der Weise beabsichtigt?
Ich bearbeitet die post! aber ich löste es mit Hilfe von @mdesdev

InformationsquelleAutor malteser | 2014-07-23

Getestet habe ich den code und festgestellt, dass, wenn Sie entfernen type="css/stylesheet" aus:

<link href="css/stylesheet.css" type="css/stylesheet" rel="stylesheet" media="all"/>

so wie es aussieht:

<link href="css/stylesheet.css" rel="stylesheet" media="all">

Sie brauchen auch nicht die Schließung /am Ende.

Es das Problem behebt. (Getestet auf den standards-Modus keine Macken)

Und Sie sollten nicht brauchen, um dies zu tun:

<h1><b><u>Adding a new Visitor</u></b></h1><br/></br>

Unterstreichen -, font-weight und Abstand (margin/padding) getan werden sollte, in Ihren CSS:

<h1>Adding a new Visitor</h1>

h1 {
    text-align: center;
    border-bottom: double;
    border-left: double;
    border-right: double;
    width: 75%;
    margin: 0 auto;
    padding-top: 25px;
    padding-bottom: 25px;
    background-color: #C4CEDD;
    box-shadow: inset 0 20px 20px -20px #000000;

    text-decoration: underline;
    font-weight: bold;
}

Hoffe, das hilft.

Hmm, Vielen Dank! Ich sehe, was du meinst

InformationsquelleAutor Juan

4

Gelöst, indem Sie type="text/css" statt type="css/stylesheet" beim importieren der stylesheet.

InformationsquelleAutor malteser
1

für internet explorer-add dieses

JS:
```
 

```
- Sie erkennen, dass dieser code gilt nur für IE9 oder unten rechts?
InformationsquelleAutor Segun Michael Oroyo
0

Werden kann, da der browser-cache. Bitte löschen Sie den browser-cache mit STRG + F5

InformationsquelleAutor Sanjay Sharma
0

Ich hatte das gleiche problem und keine der oben genannten fixen mein Problem. In meinem Fall, am Ende war die Lösung einfach:

IE irgendwie nicht laden der CSS, wenn Sie die Seite lokal (wie in stand-alone in Ihrem browser). Ich habe das exakt gleiche script auf einem webserver, und es funktioniert wie ein Charme!

InformationsquelleAutor Loungy
0

msvk_23 richtig ist.
Ich hatte eine lokale html-Seite, statt von post-it.
Nachdem ich die Software installiert habe Notepad++, es war alles Durcheinander in Internet Explorer und Edge, aber nicht in Google Chrome.
Bei der überprüfung der Registrierung hieß es: text/xml -
Nach dem ändern dieser text/css vorgeschlagen, es hat sofort funktioniert in Internet Explorer und Edge.

Dank msvk_23 🙂

pic von regedit

InformationsquelleAutor Peter
-3

Diese option ausprobieren:

Bitte ausführen regedit.exe und navigieren Sie zum Schlüssel HKEY_LOCAL_MACHINE\SOFTWARE\Classes.css

Ändern: "Content Type" von "text/plain" "text/css"

Für mich die css war überhaupt nicht zu erkennen im IE 11. Durch ändern dieser Eintrag in der regedit. Perfekt gearbeitet in meinem PC.
- hahah machst du Witze
- Die Bearbeitung der PC-Registrierung, um eine css-arbeiten ist keine Lösung!
- Danke für den Versuch, aber das behebt nur Ihren PC und ist sehr ungeschickt. Korrigieren Sie den code, und es wird gelöst werden, ohne die reg zu Bearbeiten. Auch dies könnte unerwünschte Auswirkungen auf andere Dinge in Ihrem browser.
InformationsquelleAutor msvk_23

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.