Hintergrundbild immer maximieren ??
Klaus
- html
Hallo
ich möchte ein Hintergrundbild so maximieren, daß es immer den gesamten Browser ausfüllt.
Mit einem normalen Bild geht es ganz einfach mit width=100% usw. nur das scheint beim Hintergrundbild nicht zu funktionieren !
Ist das überhaupt möglich ?
Hallo Klaus,
ich möchte ein Hintergrundbild so maximieren, daß es immer den gesamten Browser ausfüllt.
Mit einem normalen Bild geht es ganz einfach mit width=100% usw. nur das scheint beim Hintergrundbild nicht zu funktionieren !
Ist das überhaupt möglich ?
mit HTML bestimmt nicht, mit DHTML vielleicht (per JS Größe des
Anzeigebereiches abfragen und Bild dementsprechend anpassen ...)
Aber ich rate Dir davon auf jeden Fall ab, es ist sehr viel Arbeit,
funktioniert nur in einigen wenigen Browsern und das Resultat sieht
mit Sicherheit besch... aus, weil die Browser das Bild einfach nicht
sauber skalieren werden.
Viele Grüße aus Dresden,
Stefan Einspender
ich möchte ein Hintergrundbild so maximieren, daß es immer den gesamten Browser ausfüllt.
Mit einem normalen Bild geht es ganz einfach mit width=100% usw. nur das scheint beim Hintergrundbild nicht zu funktionieren !
<IMG src="irgendwas.gif" width=100% height=100% style="position:absolute;left:0px;top:0px">
TextTextText...
müsste eigentlich funktionieren. Der Text sollte dann über dem Bild angezeigt werden.
Robert
hallo,
<IMG src="irgendwas.gif" width=100% height=100% style="position:absolute;left:0px;top:0px">
TextTextText...
müsste eigentlich funktionieren.
teste es bitte mit Netscape 4.x
grüße
thomas
hallo,
ich möchte ein Hintergrundbild so maximieren, daß es immer den gesamten Browser ausfüllt.
Mit einem normalen Bild geht es ganz einfach mit width=100% usw. nur das scheint beim Hintergrundbild nicht zu funktionieren !
in etwas so wird es gehen:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
#background {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:1;
}
#content {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:9;
}
</style>
</head>
<body>
<div id="background">
<img src="hintergrund.jpg" width="100%" height="100%" alt="" border="0">
</div>
<div id="content">
inhalt der seite
</div>
</body>
</html>
grüße
thomas