Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

tqsenkungu

Member
  • Content Count

    1
  • Joined

  • Last visited

  1. I'm trying to do a different, but similar thing. I want the size of the image to be based on the size of the container and responsive (resize with browser). I'm 90% there with this CSS. .summary-block .summary-thumbnail { overflow: hidden; height: auto; } .summary-block .summary-thumbnail img{ position: absolute; top: 0; left: 0; width: 100%; } This has served to make the container and the image responsive and the image fits the container, but on loading, it looks funny. Once I resize the window, the image goest to the correct size and scales. But when it loads, it's cropped and wrong. I can't figure it out. Maybe it will help some, and some can help me make the images load correctly. On an iphone it loads right, on the iPad and desktop browsers, it loads the image cropped.
×
×
  • Create New...