Hintergrundbilder können (derzeit) nicht skaliert werden. Binde das Bild als richtiges Bild ein um das zu erreichen was Du willst. Mit Auflösungen hat das aber nichts zu tun.
hi,
hoffe, der titel ist aussagekräftig, sonst versuche ich mein problem nochmal genauer zu umschreiben.
ich möchte screenfüllend ein hintergrundbild anlegen und auf der x-achse wiederholen (die seite besteht eigentlich nur daraus). das bild soll sich nun den jeweiligen auflösungen anpassen, daher muss - so meine überlegung - zuerst die höhe auf 100% gebracht werden, danach die breite des divs (mit dem repeat-x) auf 100%.
hier mal mein grundgerüst:
Code:
das bild selbst wird beim ziehen des browserfensters skaliert...nicht jedoch der gerenderte hintergrund: die bilder haben eine bestimmte höhe, von der ich keine ahnung hab, wie sie zustande kommt...PHP-Code:<html>
<head>
<style type ="text/css">
* {
padding:0;
margin:0;
}
#background{
background: url('background_repeat.gif') top left repeat-x;
padding:0px;
width:100%;
}
img{
top:0px;
left:0px;
height:100%;
}
</style>
</head>
<body>
<div id="background">
<img src="background_repeat.gif" />
</div>
</body>
jemand ne idee, wo der fehler liegt?
grüße und schönes we,
yo
Hintergrundbilder können (derzeit) nicht skaliert werden. Binde das Bild als richtiges Bild ein um das zu erreichen was Du willst. Mit Auflösungen hat das aber nichts zu tun.
ok, vielen dank!
ich werde noch ein bisschen rumbasteln und meine ergebnisse posten...
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)