nicht angemeldet
Hallo zusammen
ich habe folgendes Problem:
Ich möchte Bilder einbinden, die dann immer 100% eines Bereichs ausfüllen sollen, wenn ich mein Browserfenster aber nicht im Vollbild habe, sondern z.B. volle Breite und halbe Höhe (kommt zwar eher selten vor), dann ist das Bild völlig verzerrt. Ich möchte aber, dass 100% der Breite belegt sind und sich die Höhe automatisch aus der Grösse des Ursprungsbildes ergibt.
Hier der Quellcode:
<html>
<head>
<title>irgendein Titel</title>
<style type="text/css">
<!--
body{
background-color : #FBF7E1;
}
div{
position:absolute;
left:2.5%;
right:2.5%;
top:2.5%;
bottom:2.5%;
width:95%;
height:95%;
z-index:10;
background-color : #0000FF;
}
-->
</style>
</head>
<body>
<div><img src="http://www.xy.de/images/Bild.jpg" width="100%" height=100% alt="Vorschau" border="1">
TEST
</div>
</body>
</html>
Wer kann mir helfen ?
Danke im voraus
Alois