Wie kann die IMg in div passen

vector_ever · 09.07.2014

Hallo,

Ich möchte ein photo drin ein div,. Die Position des photo muss rechts oben in dem div sein.
Das Problem, das div passt das Photo nicht, musste div mindestens die große des Photo oder die andere Inhalte wie Text haben. Mehr als Hälfte das Photo ist raus dem div.
Das passiert nur wenn ich die Richtung und Position des Photo ändere.

Wie kann ich es richtig machen?

HTML:

<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
        <div style="width:1100px; border-width:1.5px; border-color:black; border-radius: 20px;
             border-style:solid; margin-bottom: 20px; margin-top: 20px;
             margin-left: 50px; margin-right: 50px; background-color: #D2B48C">
            <br></br>
            Hello, this image must fit inside the div
            <br> 
              <img  src="images/mitarbeiter/1.png" alt="" 
                              width="170" ALIGN="RIGHT" style="position:absolute; top: 50px; right: 105px"/>

            <br></br>
            please need help
            <br></br>
        </div>

    </body>
</html>

Webdesigner · 21.07.2014

Ich bin mir nicht sicher, ob ich Dich richtig verstehe:
Das Foto schaut rechts aus dem DIV raus.

Das ist aber klar, wenn Du ein 170px-breites Bild vom rechten DIV-Rand nur 105px nach innen positionierst; dann schaut es natürlich 65px nach rechts raus.

Ändere diese Pixelangaben entsprechend.
Hilft Dir das?