Firefox: Prob mit Container mit Bild (CSS)

DEYS · 20.11.2005

Hab grad folgendes Problem:
Ich hab ne css-Datei in welcher ich Parameter für einen Container festgelegt hab, welcher quasi ein Hintergrundbild enthalten soll.
Bei Opera klappt das problemlos - nur Firefox zeigt das Bild nicht an.
Wenn ich das in der HTML-Datei mit IMG-Tag mache, klappt das allerdings wieder.

Inhalt der CSS-Datei:

Code:

body {background:"black";
      color:white;
      font-family:"Arial";
      text-decoration:none;
      font-size: 10pt;}

font.normal {font-family:"Arial";
	    color: white;}

div.cont {border: 0px;
	 position:absolute;
          z-index:1;
          color:white;
          font-family:"Arial";
          text-decoration:none;
          font-size: 10pt;
          text-align:center;}
div.logo {border: 0px;
	 position:absolute;
          z-index:1;
          width:656 px;
          height:404 px;
          border:0px solid white;
          background-image:url(../gfx/CND-Logo_656x404.jpg);}

Inhalt der HTML-Datei:

Code:

<!doctype html public "-//W3C//DTD HTML 3.2 //EN">
<html>
<head>
<title></title>
<meta name="author" content="">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
<meta name="Group" content="">
<meta name="URL" content="">
<link rel="stylesheet" href="../css/dummy.css" type="text/css">
</head>
<body bgcolor="black">
<div class="cont" style="top:20%;left:15%;border:1px solid white; width:50%;z-index:2">Heut bin ich hier - morgen da!</div>
<div class="logo" align="center" style="top:50px;background-image:url(../gfx/CND-Logo_656x404.jpg);"></div>


</body>
</html>

Selbst, wenn ich in der HTML-Datei mit background-image arbeite, funzt das bei FF nicht - nur mit IMG-Tag.
Kann mir jemand sagen, wie ich das machen kann?

Und wenn ich schon dabei bin: wie heißt die BODY-Eigenschaft für die Hintergrundfarbe bzw. ein Hintergrundbild in CSS?
Da hab ich anscheinend auch etwas Falsches verwandt, denn mit BACKGROUND klappt's auch nicht.
Aber BGCOLOR auch nicht.

edit: Da fällt mir noch eine Frage ein:
Wie kann ich von der Auflösung abhängig machen, wie das Bild positioniert ist?
Muss ich da die Auflösung ermitteln (wie geht das?) und verschieden Styles definieren (und wie macht man das?)?
Oder gibt es eine andere Möglichkeit, Bilder zu zentrieren (horizontal wie vertikal)?

edit2: Hab grad gemerkt, dass FF div.logo überhaupt nicht erst einliest.
Wenn ich also diesen Abschnitt auskommentiere, ändert sich bei FF nichts. :/

edit3: Wie aktivier ich HOVER in Opera?

Uhu · 21.11.2005

Kannst du bitte nen link zu dem besagten Beispiel posten

wieso weisst du das Backgroundimage 2 mal zu? einmal im CSS file und einmal direkt im code?

2.
HTML File:

<body class="background">

CSS:

.background {
background-color: #000000;
}

3. Von der AUflösung machst du das indem du die container relativ zu Rändern positionierst. Also nicht

left: 30px

sondern

left: 10%

Zentrieren tust du mit der margin Eigenschaft.

margin: auto

4. wenn deine :hover Eigenschaft im CSS valide ist funktioniert das auch (oder gerade)in Opera

DEYS · 21.11.2005

Uhu schrieb:
Kannst du bitte nen link zu dem besagten Beispiel posten

Hab's noch nirgendwo auf einem Server gespeichert, weil ich das erstmal fehlerfrei zum Laufen bringen wollte.

Uhu schrieb:
wieso weisst du das Backgroundimage 2 mal zu? einmal im CSS file und einmal direkt im code?

Das hab ich gemacht, weil FF das Bild aus der CSS-Datei heraus nicht verarbeitet.
Deshalb musste ich das im Dokument selbst schreiben.
Aber ich wollte ja die CSS-Definition behalten.
Deshalb insgesamt 2mal.

Naja, ich scheu mich eigentlich davor, das mit Prozent auszurichten, aber ich werd's dann dennoch mal probieren.

Uhu schrieb:
4. wenn deine :hover Eigenschaft im CSS valide ist funktioniert das auch (oder gerade)in Opera

Das dacht ich auch, aber es ändert sich nichts.
Wenn ich über den Link fahre, bleibt die Farbe gleich, statt sich zu verändern.

Hier mal die Link-Formatierungen:

Code:

a:link {color:#C0C0C0;
        font-family:"Arial";
        text-decoration:none;}
a:hover {color:white;
        font-family:"Arial";
        text-decoration:underline;}
a:active {color:#C0C0C0;
        font-family:"Arial";
        text-decoration:underline;}
a:visited {color:#C0C0C0;
        font-family:"Arial";
        text-decoration:none;}

Ansonsten danke schonmal für deine Hilfe.

Suche

Firefox: Prob mit Container mit Bild (CSS)

DEYS

Neuling

Uhu

Ich hatte drei!, Zechpreller

DEYS

Neuling