Resizing window - position of web content affected

[sitizahmad]

Hi everyone,

I'd like to ask, how do i prevent content of a website from being out of alignment when a viewer resizing the window?

E.g. When i reduce the size of the window, content of website is not in the right position.

What should i do? Can anyone give me an example to avoid this kind of thing from happen?

Thanks for your fast reply/feedback/answer/example.

[jscheuer1]

It really depends upon the situation, and I'm pretty sure you will get various answers. One approach is to have a container division set to the width that you want the window to be. Put all of your content in there. If the window isn't wide enough, instead of wrapping, there will be a horizontal scrollbar.

That's the easiest, but perhaps one of the least desirable. Another approach is just to design the page so that it doesn't matter so much. But this can be a bit tricky and would depend to an extent upon your content and how you might be willing to arrange it on the page. For some templates that may be adaptable see:

http://www.dynamicdrive.com/style/layouts/

especially:

http://www.dynamicdrive.com/style/layouts/category/C13/

Also, there are many others available around the web.