nicht angemeldet
Unterschied beim CSS einbinden
Hallo,
ich bin CSS-Neuling und ich hoffe mir kann jemand helfen. Das Problem beschäftigt mich schon fast 2 Tage und ich komme einfach nicht dahinter woran es liegt.
Ich möchte einen Webpage mit min-height-Angabe erstellen und habe mir dazu (zum testen) aus dem Internet ein Beispiel herangezogen. Das Problem ist wenn ich die CSS-Angaben direkt im html-File schreibe funktioniert es. Packe ich die CSS-Angaben in eine externe Datei kennt Firefox 2.0.0.3 die CSS-Angaben nicht mehr. Beim IE6 und Opera9.20 funktioniert es in beiden Fällen.
Ich hoffe es kann mir jemand weiterhelfen. Dafür schon Danke in voraus. LuRo
Das ist der CSS-Code:
<style type="text/css"><!--
html{
height:100%;
margin:0;
padding:0;}
body{
height:100%;
margin:0;
padding:0;}
#box1{
background:#e2e2e2;
height:10%;
margin:0;
padding:0;}
#box2{
min-height:80%;
margin:0;
padding:0;}
#box2 p{
margin:0;
padding:10px 50px 10px 50px;}
#box3{
background:#e2e2e2;
height:10%;
margin:0;
padding:0;}
span{background:#f7f7f7;}
//--></style>
Und das ist die HTML-Datei:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="de">
<head>
<title>Layout14 Fensterfüllend</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link rel="stylesheet" type="text/css" href="box4.css">
<!--[if gte IE 5]>
<style type="text/css">
<!--
#box2{height:80%;}
-->
</style>
<![endif]-->
</head>
<body>
<div id="box1"><strong>Lorem ipsum dolor sit</strong></div>
<div id="box2">
<p><a href="#"><strong>diese Seite mit viel Text</strong></a></p>
</div>
<div id="box3"><strong>Lorem ipsum dolor sit</strong></div>
</body>
</html>
-
Hello,
<style type="text/css"><!--
//--></style>- sowas gehört nicht in eine CSS-Datei. Die CSS-Datei besteht aus reinen CSS-Anweisungen, vgl. Beispiele in SELFHTML.
- innerhalb von HTML dürften die Kommentare (<!-- bzw. //-->) IMHO völlig überflüssig sein.
MfG
Rouven--
-------------------
Let Bygones Be Bygones -- Robert Pitscottie: "Chronicles of Scotland"-
Danke danke Rouven.
Da habe ich ja wohl vor lauter Bäumen den Wald nicht mehr gesehen.
Hatte zuvor schon häufig (für meine Test- und Lernumgebung) Code kopiert und immer in eine externe CSS-Datei gepackt. Und dabei hatte ich den Fehler nicht begangen ("an den Kopf fass").Grüsse
luro