✔ Hintergrundbild

Status
Nicht offen für weitere Antworten.
S

Schlossi

Mitglied
Hallo,

ich habe folgende Probleme ich habe mir statt eienr normalen Hintergrundfarbe ein Hintergrundbild gemacht und würde als 1. gerne wissen wie man es hinbekommt das das bild auch im Fire Fox ´nicht mi scrollt und zum 2. würde ich gerne wissen ob man die Bildgröße anpassen kann so das das Bild bei jedem nicht weiter als bis zu den rändern geht und wenn ja wie.

Im vorraus vielen dank!

MFG

Dennis

P.S.: http://dennisschlossi.de.funpic.de Meine Seite.
 
Zuletzt bearbeitet:
Hi,

schau dir mal die background-attachment-Eigenschaft an, um das Hintergrundbild beim Seitenscrollen zu fixieren.

Die Größe eines Hintergrundbildes lässt sich (noch) nicht skalieren bzw. der Fenstergröße anpassen.

Oder willst du lediglich die Bildwiederholung verhindern? Dann wäre background-repeat das richtige Werkzeug für dich.
 
Hallo nochmal

ich glaube ich habe das falshc gmeacht bei mir funktioniert das leider nicht richtig ich habs jetzt wieder weggemacht weil das Bild doppelt da war und das Bild im Fire Fox trotzdem mitgescrollt ist.Könnte mir vielleicht emand erklären wie das gehen soll

Wenn ja, bedanke ich mich recht herzlich


MFG

Dennis

Link: http://dennisschlossi.de.funpic.de
 
Beim "includen" wird nur der Inhalt des Dokumentkörpers, also was zwischen <body> ... </body> notiert ist, in das Hauptdokument geladen, und nicht ein weiteres vollständiges HTML-Dokument in das DIV-Element eingebunden.

Eine Liste wird nach diesem Schema ausgezeichnet:

Code: 
<ul>
    <li>...</li>
    <li>...</li>
    <li>...</li>
</ul>
Und zu guter letzt: die Gecko-Browser können mit dem HTML-Attribut bgproperties=fixed nichts anfangen, deshalb auch die Empfehlung, dies mit CSS zu regeln. ;)


Hier der korrigierte HTML-Code:
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Schlossi</title>

<link rel="stylesheet" type="text/css" href="templates/stylesheet.css" media="all">
<!--[if lt IE 7]>
        <link rel="stylesheet" type="text/css" href="template/stylesheet_ie.css" media="all">
<![endif]-->

</head>
<body>

<div class="menue">
     <ul>
         <li><a href="index.php?id=home.php">Startseite</a></li>
         <li><a href="index.php?id=ueber.php">About</a></li>
         <li><a href="index.php?id=lieder.php">Lieder</a></li>
         <li><a href="index.php?id=guestbook.php">Gästebuch</a></li>
         <li><a href="index.php?id=games.php">Games</a></li>
         <li><a href="index.php?id=links.php">Links</a></li>
         <li><a href="index.php?id=kontakt.php">Kontakt</a></li>
         <li><a href="index.php?id=impressum.php">Impressum</a></li>
     </ul>
</div>

<div id="main">
     <h2>Das bin ich:</h2>
     <br>
     <br>
     <img src="templates/images/ich.jpg" alt="ich">
</div>

</body>
</html>

In der CSS-Datei stylesheet.css nimmst du dann die fettmarkierten Regelerweiterungen auf:

Code: 
body {
        color:#ffffff;
        margin:20px;
        background:#000 url(../hammer.jpg) fixed repeat-x;
}

.menue a {
        font: bold 11px Arial, Helvetica, sans-serif;
        color: #ffffff;
        line-height:16px;
        letter-spacing:0.1em;
        text-decoration: none;
        display:block;
        padding:8px 6px 10px 20px;
        background-color: #000000;
        font-weight:bold;
        }

#main h2 {
text-decoration:underline;
}
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück