nkotozinde: verschiedene hintergrundbilder

Beitrag lesen

SELF-Forum

verschiedene hintergrundbilder

nkotozinde
– Informationen zu den Bewertungsregeln

Hallo Fourm,
ich bin gleich am durchdrehen, deshalb bitte ich euch jetzt um Hilfe, damit es nicht soweit kommt:

Ich versuche mir gerade mehrere Hintergrundbilder von verschiedenen <div>s übereinander anzeigen zu lassen. klappt soweit ganz gut. aber:

die positionierung ist jeweils: bottom center

sofern nun der content der seite nicht soviel ist, dass ich scrollen muss ist alles gut. sobald es soviel contet ist das ich scrollen muss, bleibt das eine von den hintergrund bilder einfach nach oben weg.

zur besseren ansicht mal zwei links:

hier ist alles so wie es sein soll: http://deinweg.evedia-systems.de/pages/berufe.php

und hier sollte das bild mit den kreisen eigentlich unten (also wirklich unten) auf der seite stehen bleiben (bzw. sich schon von anfang an wirklich unten befinden):  http://deinweg.evedia-systems.de/pages/spiritualitaet/gebete-zum-thema-berufung.php

so ist mein html dokument (grob) aufgebaut:

  
<body>  
<div class="rahmen">  
 <div id="hintergrund1">  
 <div id="hintergrund2">  
  ...CONTENT...  
 </div>  
</div>  
</div>  
</body>

das css-sheet sieht dazu so aus:

  
.rahmen {  
  position:absolute;  
  top:0px;  
  left:0px;  
  width:100%;  
  min-height:100%;  
}  
  
#hintergrund {  
  width:100%;  
  min-height:100%;  
  position:absolute;  
  background-image : url(gfx/bg-kreise.png);  
  background-repeat: no-repeat;  
  background-position: bottom center;  
}  
  
#seite {  
  background-image : url(gfx/bg.png);  
  background-repeat: repeat-y;  
  background-position: bottom center;  
  width:100%;  
  min-height:100%;  
  position:absolute;  
}

ich hoffe ihr versteht mein problem und könnt mir auch helfen.

vielen dank schonmal im vorraus.

Grüße Christoph

Beitrag melden
–
Informationen zu den Bewertungsregeln