Still struggling...
I made some changes to the design I had created, to make it look more like the site I want to transform. That included moving the three compnents of the row with the images together, without any gutter.
The site I'm trying to transform is
http://www.praxis-erdogan.de/en/start.html
My uploaded attempt is here:
http://eikweb.no/responsive-test/
I came across the following problems:
1. The originally entered list for the navingation couldn't be given any aspect ratio nor height, so I had to replace it with another image (it's the middle image). It would be nice if we could set some heights.
2. I set the aspect ratio using the width and heigth of each component (image), and what I want to have happening, is that they shrink so that the heigth remains the same for all three (gradually less height), but that seems to be next to impossible. The right image is either too short or too long, no matter what I do. I thought I had got it right as it looked ok both in the programme itself and in preview, but as soon as it was uploaded, it was wonky. How do I fix that?
3. The current site is 960px wide, and I set the grid and the row to the same width. Also the sum of the image widths was 960, but it appeared not as wide as the rows above and below. I changed the width of the third image so that the sum is now 976, which seems to be the same as the other rows (Not when uploaded, though).
4. I would have liked to have the bg colour of the two sidebars extend the whole height of the page between the images and the footer. I can't see any way to acomplish that within the programme.