thunderstorm: 2 Hintergrundbilder übereinander

Beitrag lesen

Hi stephie
Ich denke "suit" meinte warum Du das DIV im CSS deklariert hast, aber den BODY nicht.
Hat zwar mit dem problem an sich wahrscheinlich nix zu tun, aber die frage ist berechtigt.

Ich bin nicht ganz sicher, aber ich denke ein problem ist dass Du die ID div#zweiterbg und den Background-Image Style mit mehreren Attributen versehen hast.
Siehe unten mein Beispiel. Ich hatte Deine Bilder nicht, habe deshalb beim BODY Element eine Farbe genommen. Aber mit den auskommentierten Styles hat es ebenso funktioniert.
Soweit ich weiss, sollten Masse separat angegeben werden (width & height).

Hier das Test Code von Dir & mir zusammen:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN">
<html>

<head>

<style type="text/css">

BODY{
background-color: red;
/*
background-image: url(icon_gray_disabled_leftarrow.gif);
background-repeat: repeat-x repeat-y; */
}
h1 {
color:black;
letter-spacing:20px;
font-family:times, sans-serif; /* Schriftart */
}
h2 {
color:black;
letter-spacing:11px;
font-family:times, sans-serif; /* Schriftart */
}
div#zweiterbg {
 margin: 30px;
 background-color: aqua;
 width: 100%;
 height: 100%;
 text-align: center;
 /*background:url(hintergrundbild.jpg) bottom right no-repeat; width:100%;*/
}
</style>
<title>abendt_raum</title>
 </head>
<body>
  <div id="zweiterbg">

<h1>abendt_raum</h1>
<ul>
  <li>
    <h2>visuelle gestaltung</h2>
  </li>
</ul>
<br>
 </div>

</body>

</html>

Ich hoffe das hilft Dir weiter....

thunderstorm

ich bekomme das problem nicht gelöst, wie ich zwei "hintergrundbilder" übereinander legen kann. als erstes hintergrundbild habe ich ein "tapetenmuster" darüber soll ein weißer kasten in die mitte der seite, auf dem der eigendliche seiteninhalt stehen soll. also die texte. in dem weißen kasten sind aber sterne. heißt, ich muß ihn als bild nehmen.

so sieht es jetzt aus:

html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN">
<html>

<head>
  <link rel="stylesheet"href="abendt_raum_style.css" type="text/css">
<title>abendt_raum</title>
</head>
<body background="hg.jpg">     das ist das tapetenmuster, hat funktioniert
<body>
<div id="zweiterbg">         das ist der weiße kasten, der zeigt sich aber
                              nur als streifen unter dem h1 und h2 text.

<h1>abendt_raum</h1>
<h2>visuelle gestaltung</h2>
<br>
</div>

</body>

</html>

css:

h1 {
color:black;
letter-spacing:20;
font-family:times, sans-serif; /* Schriftart */
}
h2 {
color:black;
letter-spacing:11;
font-family:times, sans-serif; /* Schriftart */
}
div#zweiterbg { background:url(hintergrundbild.jpg) bottom right no-repeat; width:100%; }
</style>

vielen dank für eure hilfe!