[CSS] Problem Background unter FireFox [Archiv]

Ganon

2006-05-30, 18:44:45

Hallo.

Ich versuche mich gerade ein bisschen in PHP/XHTML/CSS.

Nunja. Der Text ist ziemlich alt, also diesen nicht weiter beachten. ;)

http://solhomeserver.dyndns.org:24123/TestSeite/index.php?pager=1

CSS: http://solhomeserver.dyndns.org:24123/TestSeite/myStyles.css

Es geht darum das FireFox unten rechts das Bild nicht anzeigt. Safari und iCab zeigen es an. Wenn ich beim background "fixed" mit angebe, dann wird es angezeigt, aber nicht so wie ich will. Nehme ich "scroll" ist es wieder weg. ;)

Mit einem Rechtsklick->Hintergrundbild anzeigen wird es für sich alleine angezeigt. Also kennen tut er es.

Was mich nur wundert ist, das es bei csszengarden.com klappt (Bild unten Rechts). Was machen die anders?

P.S: Ich will kein WebDesigner werden. Also Kommentare zum Layout, Inhalt und Kompatibilität zum IE sind erst mal nebensächlich. ;)

Danke. :)

Nase

2006-05-30, 20:45:32

Wenn du erstmal alle CSS-Anweisung auskommentierst und dann der Reihe nach wieder freigibst, siehst du, wie dein Hintergrundbild immer weiter nach oben rutscht. Heißt für mich, dass du irgendwie was ganz schön durcheinander gebracht hast. Hab es mir jetzt nicht im Detail angeguckt, würde aber mal auf neumachen plädieren ^^. Grundsätzlich hat der Firefox mit solchen Sachen keinerlei Probleme.

Ganon

2006-05-30, 20:55:09

Nase[/POST]']Hab es mir jetzt nicht im Detail angeguckt, würde aber mal auf neumachen plädieren ^^.

Ist ja ganz nett, aber das ist gerade heute "neu" gemacht. ;)

Nase

2006-05-31, 12:28:12

Na gut, weil heute Mittwoch ist ;).

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Willkommen</title>
<link rel="stylesheet" type="text/css" href="myStyles.css" />
<meta http-equiv="Content-type" content="text/html; charset=ISO-8859-1" />
</head>
<body>

<div id="head">
Willkommen auf SoLHomeServer.DynDNS.org
</div>

<div id="menu">
<ul>
<li><a href="index.php?pager=1">Start</a></li>
<li><a href="index.php?pager=3">Impressum</a></li>
<li><a href="index.php?pager=2">Downloads</a></li>
<li><a href="index.php?pager=95">Forum</a></li>
<li><a href="index.php?pager=96">Links</a></li>
<li><a href="index.php?pager=97">Programmierung</a></li>
<li><a href="index.php?pager=98">Musik</a></li>
<li><a href="index.php?pager=99">Nix</a></li>
</ul>
</div>

<div id="content">

<h1>Hallo und willkommen auf meiner ersten Seite! :)</h1>

<p>Hier seht ihr meinen ersten Versuch. Man sieht es vielleicht nicht, aber das hier soll doch
tatsächlich mal eine Internet-Seite werden. ;-) Zur Zeit gibt es (noch) heftige Darstellungsfehler mit dem
Internet-Explorer. Mit Safari, Mozilla und FireFox treten diese aber nicht auf, wobei ich denke das der IE hier der
einzige Browser ist der Mist baut...</p>

<p>Hauptsächlich soll man hier meine Musik-Projekte und meine Programmier-Projekte runter laden können.</p>

<hr/>

<p>Die Musik (OK, einige verstehen unter "Musik" etwas anderes <i>Hehe.</i>) erstelle ich mit dem Programm "GarageBand". Dazu
habe ich mir dann noch das Jam-Pack gekauft, für noch mehr Auswahl. Ein paar Titel stehen zur Verfügung. Ich hoffe sie gefallen euch. :)</p>

<p>Programmier-Projekte habe ich noch nicht im Angebot, aber es kommt bald ein etwas älteres Projekt. Ich muss noch
überlegen, ob mit oder ohne Source-Code. Mal sehen. :)</p>

<hr/>

<p>Aber erst mal muss ich mich ein bisschen mit Web-Design beschäftigen. Denn das Non-Plus-Ultra ist diese Seite hier
noch nicht. ;) Keine Bilder. Hässliche Farben. Überall diese dämlichen Simlies. (;-)) Aber Hey. Ich habe
keine teure Webseiten-Erstellungs-Software. Ich schreibe alles mit einem FreeWare-HTML-Editor und mit <a href="http://de.selfhtml.org">SelfHTML</a>. Da ist nix mit "Export nach HTML". ;-) Noch habe ich nicht viel Zeit für
die Seite. Also sorry, wenn erst mal nix passiert hier. :)</p>

<p>OK. Viel Spass dann noch auf meiner Seite.</p>

<p><span style="font-weight: bold;">Die Seite ist noch im Entwurf. Also beachtet bitte Rächtschraipfähler nicht so... ;-).</span></p>

</div>

</body>
</html>

CSS:
* {
margin: 0;
padding: 0;
}

body {
background: url(hexley.png) bottom right no-repeat;
font-size: 101%;
}

img {
border: none;
}

#head {
border: 1px black solid;
background-color: rgb(81,118,236);
font-size: 2.5em;
}

#menu {
background-color: silver;
border: black solid;
border-width: 0px 1px 1px 1px;
float: left;
padding: 10px;
width: 150px;
}

#menu ul {
list-style-type: none;
}

#content {
margin-left: 180px;
}

#content p {
margin: 15px 0px;
}