Html problem

[Nagul]

Hi All,
I am new to HTML programming. I have a 3 web user control developed in ASP.Net. Out of them, one Web User Control is having a javascript which creates the table and stores the values in the table. My problem here is when i place all these controls on a web page, they are well in place but when i resize the window or change the resolution of my computer , i need to scroll horizontally to see some controls.
Can anyone help me out with this.

Thanks.....

[Satishpp]

This happens when you set absolute positioning and set values of width, and height of various elements in terms of pixels.

Use % values instead.

For example if you have a table like this
<table width="800px"> ....

When you resize your window, you will need to scroll horizontally to view this table

use this instead
<table width="90%">...

You need to check your html page for all positioning elements like divs, span, tables etc and set % values

Satish

[zy_abc]

I face the same problem. Can you please tell me how to position the div in this case. Can you also tell me whether the font-size or text-size are to be changed for different resolution.

Thanks.

[Satishpp]

I think it is more of a screen design issue.

This is the way I do it, though it is not necessarily the correct way for all situations.

First find out what screen resolution your users want and design to that screen resolution. So lets say you have decided that your users will be using 800x600. So design your page to fit that resolution best. If users go to higher resolutions, there is no problem, but for lower resolutions users may have to scroll.

Try to make your pages such that even for lower resolutions, the user should not have to scroll horizontaly. This is not always possible though.

I dont think it is possible to check resolution and change font and text size correspondingly. Infact, even if it were possible, I would not recommend it, as the very reason a user would change resolution may be that he feels the font size is too small or too large... Think of this from the user's perpective.

As for positioning divs, this is the syntax
**************

<DIV style="Z-INDEX: 101; LEFT: 6px; WIDTH: 208px; POSITION: absolute; TOP: 54px; HEIGHT: 19px" ms_positioning="FlowLayout">some text</DIV>

**************

Hope this helps.

Satish