Bilder proportional skalieren

tommy_gFm · 20.10.2010

Hallo

Ich möchte mein header Bild, welches automatisch bei kleinerem Bildschirm kleiner wird proportional skalieren. Das Bild verzerrt sich nämlich immer bei einem 16:9 Monitor, aber bei einem 4:3 Monitor ist es schön. Geht das irgendwie??

Die HP ist:

mfg thomas

netbandit · 20.10.2010

AW: Bilder proportional skalieren

langt wenn Du nur die Breite angibst

Grüße

tommy_gFm · 20.10.2010

AW: Bilder proportional skalieren

hmmm???

versteh ich nicht so ganz

mfg thomas

tamai · 20.10.2010

AW: Bilder proportional skalieren

du hast deine site wahrscheinlich dynamisch gestaltet, das sie sich in die Seite einpasst
(selten schön, weil sich meist die inhalte bei größeren formaten od. auflösungen verlieren,
negativ bsp: http://www.martinez-mts.de/ (sieht bei WEB-Standart 1024x768 / 4:3 normal aus))
wenn du für dein bild eine größenangabe in pixel angibst bleibt das bild voraussichtlich in der von dir bestimmten größe.
andere einstellungen codeseitig oder vom bildschirm könnten auch einen einfluss auf die darstellung haben.
mehr deteils von dir könnten da hilfreich sein.

lg tamaki

tommy_gFm · 22.10.2010

AW: Bilder proportional skalieren

Hallo
Ich weiß nicht ob du dir die site schon angesehn hast, ich geh jz aber davon mal aus. Das Foto (Header) kann ich auch in ein vektorbild umwandeln, also ists von der quali her egal.

mfg thomas

ProdigyFaith · 22.10.2010

AW: Bilder proportional skalieren

Ich würde die Prozentangaben beim Header rauszunehmen und stattdessen Pixel Angaben machen (das ist es was Tamai meint).

Probiere es aus, so sollte es klappen

tommy_gFm · 22.10.2010

AW: Bilder proportional skalieren

hi

so hab ichs zuerst gehabt, aba dann hats es entweder nicht skaliert oder total verzerrt

sry dasss ich so viele fragen stell und zwei mal oft nachfragen muss, ich bin eben noch ein anfänger

mfg thomas

ProdigyFaith · 22.10.2010

AW: Bilder proportional skalieren

Entschuldige dich nie für's fragen stellen, so lernt man =)

Okay Thomas, habe auf die schnelle ein paar Fehler gefunden:

1. Der Header gehört nicht in den <head> sondern in den <body>
2. Du hast laut Firebug zwei (!) <head> Tags
3. Dein Header ist extrem groß (1280x230 Pixel), könnte auch daran liegen...bin grade selber verwirrt ôO

Ich würde einen kleineren Header nehmen und ihn central platzieren und dann einfach das Beige aus dem Header als Hintergrundfarbe, somit füllt sich der "Rest" und es sieht schick aus bei allen möglichen Auflösungen

Hoffe das hilft weiter

tommy_gFm · 23.10.2010

AW: Bilder proportional skalieren

hallo

die zwei head tags sind unabsichtlich entstanden
was meinst du den ganzen header bereich oder rein das bild???

mfg thomas

ProdigyFaith · 23.10.2010

AW: Bilder proportional skalieren

Das Bild kleiner machen und einbinden.
Dann mittig zentrieren und die Hintergrundfarbe dem Bild anpassen.

tommy_gFm · 23.10.2010

AW: Bilder proportional skalieren

ok danke werd das dann mal ausprobieren

mfg thomas