bild-breite an breite des elternelements anpassen
johannes293
- css
Abend,
ich habe je ein Bild in einem div, und dem div eine Breite zugewiesen.
Ich moechte, dass das Bild die Breite des divs adaptiert.
Oder, wie kann ich sonst mit css 3 Bilder nebeneinander positionieren, die insgesamt 90% der Bildschirmbreite einnimmt?
g johannes
ich habe je ein Bild in einem div, und dem div eine Breite zugewiesen.
Ich moechte, dass das Bild die Breite des divs adaptiert.
Dann gibst du als Breite einfach 100% an.
Oder, wie kann ich sonst mit css 3 Bilder nebeneinander positionieren, die insgesamt 90% der Bildschirmbreite einnimmt?
Indem zu jedem Bild 30% gibst?
ich habe je ein Bild in einem div, und dem div eine Breite zugewiesen.
Ich moechte, dass das Bild die Breite des divs adaptiert.Dann gibst du als Breite einfach 100% an.
Oder, wie kann ich sonst mit css 3 Bilder nebeneinander positionieren, die insgesamt 90% der Bildschirmbreite einnimmt?
Indem zu jedem Bild 30% gibst?
Tatsache..
Ich dachte, die Brietenangabe bei einem Bild orientiert sich an der Originalbildgroesse...
quelle horreur!
vielen dank!
Hi,
Ich dachte, die Brietenangabe bei einem Bild orientiert sich an der Originalbildgroesse...
Nein, aber die Qualität des Bildes. Skalierte Bilder sind immer eine Notlösung...
Gruesse, Joachim
Grüße,
Nein, aber die Qualität des Bildes. Skalierte Bilder sind immer eine Notlösung...
AFAIK kommt es dabei extrem auf den browser an - manche haben halbwegs akzeptablen resizing :)
MFG
bleicher
Hi,
AFAIK kommt es dabei extrem auf den browser an - manche haben halbwegs akzeptablen resizing :)
ich denke, es kommt eher auf den Bildschirm an: je schlechter der ist, desto weniger fällst auf.
;-)
Aber im Ernst: in gewissen Grenzen gehts natürlich, aber grundsätzlich gilt: was nicht an Bildinformation da ist (und vor allem nicht in einem mageren, weboptimierten), kann auch nicht angezeigt werden.
Gruesse, Joachim
AFAIK kommt es dabei extrem auf den browser an - manche haben halbwegs akzeptablen resizing :)
ich denke, es kommt eher auf den Bildschirm an: je schlechter der ist, desto weniger fällst auf.
In erster Linie kommt es auf das Skalierungsverhältnis an. Wenn es z.B. 1:2 oder 1:4 ist, ist es um Welten besser als wenn es 1:1,2343322345 ist.
Hi,
Wenn es z.B. 1:2 oder 1:4 ist, ist es um Welten besser als wenn es 1:1,2343322345 ist.
da simme ich dir zu. Allerdings wirst Du bei prozentualen Grössenangaben kaum ein exaktes Vielfaches der Ausgangsgrösse erreichen...
Gruesse, Joachim
da simme ich dir zu. Allerdings wirst Du bei prozentualen Grössenangaben kaum ein exaktes Vielfaches der Ausgangsgrösse erreichen...
Sicher werd ich das.
Die Bildgrösse muss ja nur ein Vielfaches der Prozentangabe sein.
Ich kann ein Bild mit 1200 Pixeln wunderbar auf 30% skalieren ;)
Hi,
Die Bildgrösse muss ja nur ein Vielfaches der Prozentangabe sein.
*schüttelamironiedetektor*
ahem. Dass sich Prozentangaben aufs Elternelement beziehen ist Dir schon klar, oder?
Gruesse, Joachim
ahem. Dass sich Prozentangaben aufs Elternelement beziehen ist Dir schon klar, oder?
<div id="container" width="90%">
<img src="bild1.png" style="width: 30%; height: 30%">
<img src="bild2.png" style="width: 30%; height: 30%">
<img src="bild3.png" style="width: 30%; height: 30%">
</div>
Aber ja doch ..... :rolleyes:
Ich erkenne nur das Problem nicht, was du damit hast.
Oder willst du mir jetzt sagen, die 30% beziehen sich aufs Elternelement?
Vielleicht hast du auch das eigentliche Problem nicht verstanden, ich weiss es nicht.
In erster Linie kommt es auf das Skalierungsverhältnis an. Wenn es z.B. 1:2 oder 1:4 ist, ist es um Welten besser als wenn es 1:1,2343322345 ist.
die einzig vernünftigen faktoren sind faktoren die der regel "bilddimension*(1+n)" (wobei n einer ganzen zahlen > 0 entspricht) gehorchen
damit lässt sich wunderbar mit einem linearen, dummen algorithmus skalieren - alles andere ist nur spielzeug
1:2, 1:3 oder 1:7 ist dabei egal, es muss keine quadratische steigerung des verhältnisses sein