05.05.2008, 20:00
Es hat fast geklappt, aber nur fast. Ich habe es sowohl hinbekommen, ein großes Bild und einen abgedunkelten Content, als auch lauter kleine Teildateien zu verwenden.
Mein Problem ist, dass der Content-Hintergrund mit dem Text mitscrollt.
Hab dann gesehen, dass man fixed verwenden muss. Habe es so hinzugefügt:
#content
{
left: 172px;
top: 230px;
position: absolute;
background-image: url(img/content_dark.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
width: 770px;
height: 322px;
overflow: auto;
font-size: 14px;
padding: 10px;
}
Im IE 6 klappt es...aber Firefox 1.5, Opera und Netscape stellen den Hintergrund nicht dar. Es wird nur ganz ganz klein im linken Eck dargestellt...aber die Textanzeige findet komplett ohne Hintergrund statt.
Der Code ist in der externen CSS.
Mein Problem ist, dass der Content-Hintergrund mit dem Text mitscrollt.
Hab dann gesehen, dass man fixed verwenden muss. Habe es so hinzugefügt:
#content
{
left: 172px;
top: 230px;
position: absolute;
background-image: url(img/content_dark.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
width: 770px;
height: 322px;
overflow: auto;
font-size: 14px;
padding: 10px;
}
Im IE 6 klappt es...aber Firefox 1.5, Opera und Netscape stellen den Hintergrund nicht dar. Es wird nur ganz ganz klein im linken Eck dargestellt...aber die Textanzeige findet komplett ohne Hintergrund statt.
Der Code ist in der externen CSS.