Hi
In an earlier post http://www.sitepoint.com/forums/showthread.php?1205251-Media-query-for-Samsung/page2
Paul OB helped me code my main page for mobiles through @media queries. At one stage, very kindly, he supplied me with code that transformed the image from full size to a reduced size that fitted the smaller screen.
.img-container {
width:100%;
padding-top:62.2%;
position:relative;
}
.img-container img {
position:absolute;
top:0;
left:0;
width:100%;
height:auto;
}
It works fine.
Now, I tried to apply the same code to another, smaller page and it does not work.
The page is pintotours.net/Europe/Spain/foodBcn.html , which normally opens as a popup from pintotours.net/Europe/Spain/Barcelona.html
In the normal page for large screens, the ratio of the image dimensions has changed and looks bad. In the reduced width it is lwider than the reserved space for mobile.
I would be grateful if you could help.
Regards