Bilder mittels CSS skallieren?
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
angeben
bild
dank
deutscher schrieb
ergebnis
erreichen
fenster
frage
funktionieren
http
kleines problem
rechts passen
situation
skalierung
sonntag
tag
tun
url
verzichten
weglassen
-
Guten Tag,
ich arbeite wieder an meiner Seite und bin an ein kleines Problem angekommen. Nachdem ich in der Suche bei Lima und auch bei Google nichts gefunden habe was mir wirklcih geholfen hat frage ich hier nach.
Ich habe mittels CSS es geschafft das meine Seite sich verschiedenen Fenstergrößen anpassen kann. So ist es möglich das Besucher meiner Webseite immer eine angenehme Position des Contents gewärleistet haben.
So sieht die Seite bei einer Auflösung von Fensterbreite: 1280px Fensterhöhe: 884px aus:
http://img12.imageshack.us/img12/8498/bildschirmfotocruxnoirm.png Wie man sehen kann ist alles positioniert und ordentlich. Nur passierte es das ich meine Fenster kleiner ziehe um eine geringere Auflösung zu simulieren die Bilder nicht mit skaliert werden. Der Content und alles andere sie aber der neuen Auflösung anpasst. Das sieht dann ungefähr so aus: http://img12.imageshack.us/img12/4472/bildschirmfotocruxnoirma.png Das Cover vom Album und das Galleriebild rechts passen sich nicht an den neuen Umständen an.
Meine Frage ist jetzt:
Wie kann ich mittels CCS eine skalierung der Bilder erreichen so das diese bei unterscheidlichen Auflösungen in der passenden Größe angezeigt werden? Bitte keine JavaScript Vorschläge da ich auf diese Script-Sprache verzichten möchte. Danke.
Ich wünsche noch einen schönen Sonntag.
Edit: Wer sich live noch einmal ein Bild der Situation machen möchte kann das hier tun.
http://unnamednetwork.lima-city.de/cruxnoir/index.php
Beitrag zuletzt geändert: 13.9.2009 16:01:07 von unnamednetwork -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Du kannst Bildern width:100%; und height:100%; angeben.
Ich würde aber sagen, das du auf die Skalierung verzichtest und eine feste Breite angibst... dann muss der User villeicht bissl zoomen aber dann sind die Pixel wie sie sind, gewollt. -
Du kannst die Breite in % angeben (habe ich bei Bildern noch nicht ausprobiert, sollte aber eigentlich funktionieren). 100% heißt, das Bild füllt die gesamte Tabellenspalte aus. Das Bild ist aber dann möglicherweise verzogen. Die Höhe solltest du weglassen oder in px angeben.
<img src="bild.png" style="width:100%;" /> -
deutscher schrieb:
Du kannst die Breite in % angeben (habe ich bei Bildern noch nicht ausprobiert, sollte aber eigentlich funktionieren). 100% heißt, das Bild füllt die gesamte Tabellenspalte aus. Das Bild ist aber dann möglicherweise verzogen. Die Höhe solltest du weglassen oder in px angeben.
<img src="bild.png" style="width:100%;" />
Super! deine Antwort hat mir sehr weiter geholfen und mich zu dem Ergebnis gebracht das ich erreichen wollte. Danke.
Dieser Thread kann somit geschlossen werden. -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
