Frage stellen
Also ich bastel gerade an einer Seite Im Groben Sieht sie so aus:
- Oberes Hintergrundbild = Verlauf von Grau auf Weiss
- Mittleres Hintergrundbild = Weiss
- Unteres Hintergrundbild = Verlauf von Weiss auf Grau
- Über dem Ganzen liegt eine Tabelle mit dem Hauptdesign.
Klappt alles gut habs auch hingekriegt mit den Hintergründen. Nur das Problem ist, wenn mal der Textinhalt der Tabelle länger ist und man runterscrollen muss, ist der Untere Hintergrund nicht ganz unten, sondern scrollt mit nach oben. Der Untere Hintergrund soll sich ganz unten also "VERANKERN"
Um mein Problem besser zu schildern, habe ich eine skizze von dieser HP erstellt:
So siehts momentan aus:
Das ist das Problem:
So soll es aussehen:
Das sind die CSS Befehle für die Hintergründe:
- Code: Alles auswählen
html{
background-image: url(../Bilder/backmain.png);
background-position: 50%;
font-family: Arial;
font-size: 3pt;
text-decoration:none;
text-align: right;
color: #000000;
background-color: black !important;
height:100%;
min-height:100%;
z-index: 1;
}
body{
background-image: url(../Bilder/backmain.png);
background-position: 50%;
font-family: Arial;
font-size: 3pt;
text-decoration:none;
text-align: right;
color: #000000;
background-color: black !important;
height:100%;
min-height:100%;
}
#bg {
POSITION: relative;
MARGIN-LEFT: auto;
MARGIN-RIGHT: auto;
width: 100%;
height: 100%;
z-index: 3;
min-height:100%;
}
#bg1 {
background-image: url(../Bilder/backoben.png);
background-position: 50% bottom;
background-color:white;
background-repeat: no-repeat !important;
MARGIN-LEFT: auto;
MARGIN-RIGHT: auto;
width: 100%;
height: 291px;
z-index: 2;
POSITION: absolute;
}
#bg2 {
background-image: url(../Bilder/backunten.png);
background-position: center bottom;
background-repeat: no-repeat !important;
bottom: 0%;
vertical-align: bottom;
MARGIN-LEFT: auto;
MARGIN-RIGHT: auto;
width: 100%;
height: 291px;
z-index: 1;
POSITION: absolute;
}
table {
background-color: white !important;
font-size: 9pt;
min-height:100%;
}
- bg1 ist Der Verlauf für Oben (z-index:2)
- bg2 ist der Verlauf für Unten (z-index:1)
- bg ist für die Tabelle (z-index:3)
- der Weisse Hintergrund liegt bei Body und Html
In dem HTML File sind die Hintergründe in DIVs ausgelegt
Grob gesehen sieht das ganze so aus:
- Code: Alles auswählen
<html>
<body>
<div></div>
<div></div>
<div>
<table> Inhalt und Design von der Tabelle mit td und tr und das ganze...
</table>
</div>
</body>
</html>
Ich bin echt am verzweifeln... hab schon alles bei google abgesucht aber nichts gefunden was darauf zutrifft. Wäre sehr gut wenn mir da einer Helfen könnte.
