I have 2 problems I can't solve myself. I need your help.
1. I want to make a responsive website. So I set proportional value for the width of all the main parts of the site.
Part of the css as follow:
#header, #footer {
width: 100%
}
div#header {
background-image:...
}
div#footer {
background-image:...
}
So when I view the site in a smaller screen, the site goes fluid and the #header and #footer are smalller. But the problem is the background images are not smaller. So only part of the images can be seen.
How to solve this problem?
2. I also use the adaptive-image script so that I can make all the images adaptive. But when I ran this script on my hosting, something strange happened. The script worked, but it only worked for 3 images.I checked the ai-cache folder, it only worked for the header, footer and content div background images. It didn't work for other images within the content. Why this happened? All the images are in the same folder!
How can I get the script work for all the images?
