nicht angemeldet
Bildergrösse
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
-
hm weis zwar nicht was du vorhast aber
probiers mal mit der genauen größenangabe von deinen bild, wenn du sagst 100% und 100% dann passt sich dein bild dem kompletten monitor angrüße acab
-
hm weis zwar nicht was du vorhast aber
probiers mal mit der genauen größenangabe von deinen bild, wenn du sagst 100% und 100% dann passt sich dein bild dem kompletten monitor angrüße acab
Hallo
ich möcht, dass das Bild immer die volle Breite einnimmt. Wenn ich aber absolute Grössen eingebe, bekomme ich in einem kleineren Fenster wieder horizontale Bildlaufleisten und genau das will ich nicht.
Gruss
Alois
-
Moin!
ich möcht, dass das Bild immer die volle Breite einnimmt. Wenn ich aber absolute Grössen eingebe, bekomme ich in einem kleineren Fenster wieder horizontale Bildlaufleisten und genau das will ich nicht.
Dein Wunsch läßt sich nicht erfüllen. Entweder gibst du die Pixelgröße an und hast Bildlaufleisten (aber als Bonus auch eine sehr gute Bilddarstellung, weil der Browser nichts vergrößern oder verkleinern muß - ich hasse es, wenn der Browser ein 1000 Pixel großes Bild auf 50 Pixel zusammenschrumpft (Ladezeit!), und es sieht absolut mies aus, wenn der Browser ein 100 Pixel breites Bild auf 123 Pixel vergrößern muß), oder du gibst relative Größen an, die dann das Bild beliebig verzerren.
Du kannst nicht sagen, daß ein Bild 100% Breite haben soll und sich die Höhe maßstäblich ändert. Der Standardwert für Breite und Höhe des Bildes sind die Pixelabmessungen des Bildes. "Maßstäblich vergrößern" ist garnicht möglich.
Mit anderen Worten: Ignoriere entweder die Scrollbalken und mach ein einigermaßen ordentliches Layout, was einfach eine gewisse Mindestbreite hat, oder nimm die Verzerrungen hin (was ich niemals tun würde, weil der Browser da richtige Mistergebnisse liefert).
- Sven Rautenberg
-
-