Christian: Breite eines DIV-Inhaltes, der über das DIV hinausreicht (overflow:visible)

Hallo, ich habe folgendes Problem:

Ein DIV hat eine feste Größe. Im DIV befinden sich zwei Grafiken, deren Größe dynamisch ist und manchmal über das DIV hinausreicht:

<div style="width:100px, overflow:visible">
     	<img src="bild1.png" style="width:50vh">
     	<img src="bild2.png" style="width:50vh">
</div>

Ich möchte (vermutlich mit JS) die Breite des Inhaltes (nicht des DIVs) in Pixeln ermitteln. Hat jemand eine Idee? Vielen Dank Christian

  1. @@Christian

    ich habe folgendes Problem:

    Ein DIV hat eine feste Größe.

    Das ist oft das eigentliche Problem.

    Ich möchte (vermutlich mit JS) die Breite des Inhaltes (nicht des DIVs) in Pixeln ermitteln.

    Vermutlich möchtest du das nicht.

    Was möchtest du eigentlich? Wofür glaubst du, die Breite in Pixel zu benötigen?

    LLAP 🖖

    --
    “When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory
  2. Hallo Christian,

    How do I retrieve an HTML element's actual width and height?

    dort wird auf

    Determining the dimensions of elements

    verlinkt, hier dürfte Variante drei – scrollWidth und scrollHeight – für Dich interessant sein.

    Das wendest Du dann auf die Bilder, nicht das umgebende DIV an.

    Gruß, Nils