johannes293: bild-breite an breite des elternelements anpassen

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

  1. 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?

    1. 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!

      1. 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

        --
        Am Ende wird alles gut.
        1. 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

          1. 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

            --
            Am Ende wird alles gut.
            1. 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.

              1. 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

                --
                Am Ende wird alles gut.
                1. 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 ;)

                  1. 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

                    --
                    Am Ende wird alles gut.
                    1. 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.

              2. 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