Resizing a browser window

[Varsha Patil]

I have a requirement to be set in the browser(IE).
When a user resizes a window, it is seen that the layers/positioned elements in the page, loose their position/show up in the wrong place. I want to prevent this. I will be glad if someone has a solution for this.

For eg in http://www.rediff.com site, when a user tries to reduce the window size, the actual positioning is not lost and the elements in the page do not shrink. I want to implement the same.

Thanks in Advance

[Eric Pascarello]

They probably use a fixed layout. That means they use harcoded pixel values and not percentages. You can view source and look at the code.

Eric

[Varsha Patil]

Thanks for the reply
Yes they have used fixed pixels. We have developed the entire application by using percentages. Is there a way to achieve the same if we use percentages.

[Eric Pascarello]

Percantages go by the available width of the screen so it is going to resize. Either you need to change all the values, or you add a fixed size element around the entire page on every page.

If you used an external stylesheet to define your widths it would not be bad to change them, but I have a feeling you used inline styles.

Eric

[Varsha Patil]

Yes, we have used inline styles.
As per the feedback I tried giving
<table width="100">(with out percentage) at the start of each page and closed it with </table> at the end of the page.

But still the layers/controls are being re-positioned upon resizing. Is there something that I have missed??

Thanks

[Eric Pascarello]

<div width="300px">
  <div width="100%">
    foo bar
  </div>
</div>

Eric