• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Firefox zeigt background-color nicht an.

Status
Für weitere Antworten geschlossen.

informant69

Neues Mitglied
Hi,
Problem steht in der Überschrift: Habe eine externe css und Firefox/Opera zeigt den definierten bg-color nicht an (weiss). Unter IE und in der Vorschau funktionierts. Wäre net, wenn jemand einen Kommentar dazu geben würde, Danke!

Die externe css:
Code:
<style type="text/css">
<!--

body{
    background-color: "#555555";
}

div { border:0px solid #008000; font-family: monospace, Helvetica, Arial}

h1 { font-size:25px; font-style:italic; text-indent: 10px }

a:link    { color:black; text-decoration:none; }
a:visited { color:black; text-decoration:none; }
a:focus   { color:black; text-decoration:none; }
a:hover   { color:gray; text-decoration:none; }
a:active  { color:red; text-decoration:none; }

table { border:1px solid #000; }
th,td { border:1px solid #000; vertical-align:center; text-align:center;}


#m1 { position: absolute; left: 20px; top: 30px; border-top: solid gray; border-left: solid gray; border-right: solid black; border-bottom: solid black ; width:110px; height:20px; text-align:center}
#m2 { position: absolute; left: 130px; top: 30px; border-top: solid gray; border-left: solid gray; border-right: solid black; border-bottom: solid black ; width:110px; height:20px; text-align:center}
#m3 { position: absolute; left: 240px; top: 30px; border-top: solid gray; border-left: solid gray; border-right: solid black; border-bottom: solid black ; width:110px; height:20px; text-align:center}
#m4 { position: absolute; left: 350px; top: 30px; border-top: solid gray; border-left: solid gray; border-right: solid black; border-bottom: solid black ; width:110px; height:20px; text-align:center}


#inhalt { position:absolute; top:100px; left:80px; right: 80px; }
-->
 </style>
Und Beispielseite:
Code:
<html>
<head>
<title>Startseite</title>
<meta name="author" content="John Wayne">

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

</head>

<body>
                 <div id="m1"><a href="startseite.html" >Start</a></div>

                 <div id="m2"><a href="javatest.html" >Java-Test</a></div>

                 <div id="m3"><a href="tabelle.html" >Tabelle</a></div>

                  <div id="inhalt">

 <h1>Willkommen</h1>
   Dies ist eine Website um verschiedene Möglichkeiten der HTML-Programmierung zu testen
   <P></p>
Bitte nutzen Sie die Navigation, um auf den Seiten zu stöbern.


  <p><img src="pict0023.jpg" alt="Hier sollte ein Naturbild angezeigt werden"></p>
  <br>
  Für Fragen zum Inhalt kontaktieren Sie bitte den Webmaster
  <a href="mailto:[email protected]" style="text-decoration:underline" >Mr.X</a>
  <p></p>
  <p></p>
  </div>
</body>
</html>
 
1. background oder background-color erwartet eine Farbangabe, die NICHT in Anführungszeichen steht.

2. Zu deiner Arbeitsweise:
externe Stylesheets macht man ohne

Code:
<style type="text/css">
<!--

...

-->
 </style>
 
Nehme mal
Code:
<style type="text/css">
<!--
und
Code:
-->
 </style>
raus. diese angaben sollten in der CSS-Datei nicht vorhanden sein. des weiteren lass ein Leerzeichen zwischen body und der Klammer { und enferne die Gansefüsse bei der Farbangabe "#555555"
Code:
body{
    background-color: #555555;
Dann müßte es klappen

Edit: Da war Blacky schneller
 
Yeah, sehr cool.
Danke an Euch beide. Weiss auch nicht, warum ich das mit dem style-Tag gemacht habe. Habe es wohl irgendwo gelesen. Bin neu in dem Gebiet!
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben