foto aanpassen aan de grote van het scherm

[chiper]

Hallo

Ik heb mijn html document zo opgemaakt dat div "main" 100% width is met daarin div "left" 28% width en div "right" 72% width. Kan ik mijn afbeeldingen in div "right" de css- eigenschappen meegeven zodat deze foto zich ook gaat aanpassen aan de grote van het scherm (en aan de grote van div "right"?

Alvast bedankt

Peter

 

[googlemuscle]

Al geprobeerd om de foto een breedte in procenten mee te geven?

 

[bron]

Kan ik mijn afbeeldingen in div "right" de css- eigenschappen meegeven zodat deze foto zich ook gaat aanpassen aan de grote van het scherm (en aan de grote van div "right"?

Kun je hier iets mee?

html, body {
    height: 100%;
}
body {
    margin: 0;
}
.main {
    position: relative;
}
.left {
    float: left;
    width: 28%;
}
.right {
    float: left;
    width: 72%;
}
.right img {
    display: block;
    width: 100%;
    height: auto;
    border: 0;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
}

Suc6. Have fun.