1 reply [Last post]
Last seen: 13 years 17 weeks ago
Timezone: GMT+2
Joined: 2009-08-02
Posts: 1
Points: 0


I have been searching for hours for a solution to a layout. I have found stuff that works for 90% of how I want it but never 100% so I'll hope that you can give me some help.

Since I have been trying so much code do I not have anything that would help to look at.

I simply want:
- a centered div with X px width and Y px height
- one image one the left side of the centered div (side by side: 0px between them)
- one image one the right side of the centered div (side by side: 0px between them)

Now here is the problem:
When resizing the windows the 2 images should be the ones that disappears first, so the content in the middle is visible the longest possible time.

The reason that I want the above is that I'm doing a design that should work for a screen resolution of 1024x768 and then the 2 images should not be visible to give all the space for the content in the middle.

Any ideas are welcome!

Last seen: 12 years 49 weeks ago
Joined: 2009-04-24
Posts: 120
Points: 4

One quick thought

One quick thought occurs:

Create one image from the two you want either side of your centered content and have an empty gap of Xpx, the same width as your fixed width content.

Attach this image to the body, horizontally centered and vertically where ever you want.

Then use a centered wrapper for your Xpx wide content.


If you are climbing a mountain the person most useful to you is just ahead of you on the rope (since they are still learning too).
The person who has already made it to the top is usually not much help whilst you are struggling on the rock face.