Hallo Leute,
ich habe ein Hintergrundbild an die Browser-Größe angepasst habe aber das Problem, dass wenn ich die Browser-Größe verändere, spricht größer bzw. kleiner ziehe dann skaliert sich das Bild immer proportional, aber ab einer bestimmten Größe bekomme ich am rechten Bildrand eine weiße Fläche. Wie kann ich dies verhindern? Wenn ich allerdings im Script unten im DIV Tag (id="bg_image"...............zusätzlich width:100% eingebe), dann habe ich den weißen Rand nicht mehr aber dafür verzerrt das Hintergrundbild beim ziehen, und das soll es nicht.
Ich habe zum besseren Verständnis noch ein Bild eingefügt[attachment=0]<!-- ia0 -->sreenshot.png<!-- ia0 -->[/attachment]
hier der Skript:
<style type="text/css">
body {
margin:0px;
font:arial, helvetica sans;
font-size:10px
}
bg_image {
width: 100%;
height: 100%;
left: 0px;
right:0px;
down:0;
top: 0px;
position: absolute;
z-index: 0;
}
</style>
<body scroll="no">
<div id="bg_image" style="width:100%; height:100%;"> <img src="news_96.jpg" style="height:100%; z-index:0" >
</div>
</div>
<iframe src="nav1.htm" name="inhalt" scrolling="no" noresize frameborder="0" height="350px"
align="right" z-index=1 style="position:absolute; top:22%; right:0%; width:750;
align:right; background-color:#FFFFFF; border:1px; padding:5px; ">
<p align="right"> </p>
</iframe>
</div>
</body>
</html>