PDA

View Full Version : Help, perfect alignment images and resizing browser window


Rongorongo
03-16-2014, 10:26 AM
Hi all, I am a beginner and I have a problem with Dreamweaver CS5.
I would like to build a page where different overlapping images become smaller when I resize the browser window AND at the same time they are still *perfectly aligned*.
I tried and tried using different settings but the best I could do is this example:
http://goo.gl/XMjj94
The yellow square is *almost* always inside the white box and *almost* always with the same proportions of the red square when I resize the browser window.
How can I maintain a *perfect* alignment and proportions between the images? Between the yellow and red box? Is it possible?
The setting I used:

RED SQUARE
width: 100%
height: auto %
YELLOW SQUARE:
width: 12%
height: auto %
padding top: 9%
padding left: 26%
Position: absolute
z-index: 9999

Thank you very much indeed for the help and I apologize for my English, itís not my first language.

Ricky55
03-20-2014, 09:07 PM
Not sure I understand what you are trying to achieve.

Could you draw out what you mean and I'm sure I'll be able to do it.

Cheers