Sponsor-Board.de

Hi,

ich habe ein Problem dass ich mir nicht erklären kann. Ich hoffe hier kann mir jemand weiter helfen.

Ich habe ein Hintergrundbild in der CSS Datei als body angegeben. Das Funktionierte.
Dan habe ich ein weiteres Bild als Klasse in der CSS angelegt. In der CSS stehen die richtigen maße des Bildes.
Das Bild soll über dem Bild aus dem body eingefügt werden und auf dem body srcollbar sein.

Das Problem:
-Das Bild lässt sich nicht scrollen
-Es wird ein weißer Rahmen erstellt der sich unendlich ausweitet, so das das Bild vom body nicht mehr zu sehen ist

Wen ich es mit div einbinde geht es.
Ich möchte es aber lieber mit class einfügen.

CSS:

PHP-Code:

@charset "utf-8";
/* CSS Document */

body
{
    background-image:url(../bilder/style/ganz_hinten.png);
    margin-top:0px;
    background-attachment: fixed;
}

.maske 
{
    background-image: url(../bilder/style/hintergrund.png);
    margin:  auto;
    margin-top: 0px;
    border: 2px solid #fff;
    text-align: left;
    background-repeat: no-repeat;
    background-position: center top;
    padding: 0px;
    height: 1588px;
    width: 1120px;
} 

HTML:

PHP-Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">

<html>

   <head>

      <title>Feuerwehr Talheim</title>

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

   </head>

   <body class="maske">

   </body>

</html>

ganz_hinten.png:
[Link: Registrierung erforderlich]

hintergrund.png:
[Link: Registrierung erforderlich]

Link zur Seite mit dem Fehler:
[Link: Registrierung erforderlich]

Ich hoffe mir kann jemand Helfen.

Lg

eret12

mit class maske greifst du trotzdem auf den body zu. es macht daher keinen unterschied, ob du es in maske oder body reinschreibst. entweder mach für das 2te bild einen div-container, oder man kann auch mehrere hintergründe bei einem element haben, und das geht so:
body {
background:url(irgendwas.png) no-repeat center top, url(nochwas.png) repeat-x center center;
}
das erste bild überlappt dann das letzte. so kannst du das auch mit zb 3 oder 4 hintergrund bilder machen.

no-repeat oder center oder top und dergleichen sind optional. du kannst sie also auch weglassen

Einfacher wäre es, wenn Du mit Z-Index arbeiten würdest Wink

Gruß Plat

z-index würde keinen unterschied machen. denn .maske und body sind das gleiche element.

Du hast dem body-Tag die Klasse maske zugewiesen?
Das kann so nicht gehen, denn dann bekommt body die Werte die du in CSS definiert hast und die der Klasse maske.

Danke für die Antworten!

Habe das Problem mittlerweile gelöst...

Lg eret12

eret12

schwarzdavid

PlatiniumHL

schwarzdavid

Mr-Trust

eret12