Moin,
ich habe ein kleines Problem mit meiner css-Einbindung. Im Edge, Opera und IE wird meine CSS-Datei erkannt. Allerdings nicht im Firefox.
Was habe ich bisher gemacht
- diverse Foren durchwühlt und kleine Fehler behoben
- die CSS-Datei durch den Validator gejagt --> Code ok
- dein Webstil im Firefox umgestellt --> kein Erfolg
- Cache im Forefix geleert --> kein Erfolg
- Firefox sagt, "keine CSS Eigenschaften gefunden"
- den CSS Teil direkt in in das html-Dokument eingebunden --> Anzeige im Firefox möglich (allerdings möchte ich das nicht, sondern in einer separaten Datei vorhalten)
Der Code ist noch klein, bevor ich aber alles niederschreibe und dann am Ende feststelle, checke ich lieber step-by-step.
Hat noch jemand Ideen, woran es liegen kann?
Gruß
Hansebas
Anbei einmal der Code für htm & css - Dateien.
main.htm
<!DOCTYPE html>
<!-- einzeiliger Kommentar -->
<!-- und das ist ein mehrzeiliger Kommentar
zu dem Text mit <p>...</p>
Letzte Zeile des Kommentars -->
<html>
<head>
<meta charest="UTF-8">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<meta name="robots" content="noindex,nofollow"> <!--unterbindet suchmaschinenindexierung-->
<link rel="stylesheet" type="text/css" media="screen" href="E:\Tinka FeWo\Homepage\css\main.css"/>
</head>
<title>FeWo</title>
<body>
<div id="Wrapper">
<div id="header">
<h1>Kopfbereich</h1>
</div>
<div id="maincontent">
<h2>Hauptbereich</h2>
</div>
<div id="sidebar">
<h3>Seitenleiste</h3>
</div>
<div id="footer">
<h4>Fußzeile</h4>
</div>
</div>
</body>
</html>
main.css
/*reset*/
*{
padding: 0;
margin: 0;
}
#wrapper {
width: 960px;
margin: 0 auto;
}
#header {
float: left;
background: #F1F1F1;
margin: 10px 0 0 0;
width: 100%;
height: 100px
}
#maincontent {
float: left;
background: #f0f0f0;
margin: 10px 5px 10px 0;
width: 620px;
height: 630px;
}
#sidebar {
float: right;
margin: 10px 5px 5px 6px;
background: #ccc;
width: 324px;
height: 630px;
}
#footer {
clear: both;
float: left;
background: #ddd;
width: 100%;
height: 100px;
}
h1, h2, h3, h4 {
padding: 20px;
}
