how to fix the web page in different screens ?

Posted by Tejamanimala under ASP.NET on 7/31/2013 | Points: 10 | Views : 1389 | Status : [Member] | Replies : 4
Hi,i have 15 inch monitor and 20 inch,29 inch monitor,i have developed one website.But my problem is it is fixing in 20 inch size monitor,when i open the site in 29 inch monitor,the web page is scrolling,how should i remove that scrolling,and how should i fix the web page in all screen sizes.

manimala


Responses

Posted by: Ssj_Kumar on: 7/31/2013 [Member] Starter | Points: 25

Up
0
Down
I think all your property depends on pixcel, change to percentage.

Example

Height="500" to Height="20%"


Regards,
Jayakumar Selvakani

Tejamanimala, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Tejamanimala on: 7/31/2013 [Member] Starter | Points: 25

Up
0
Down
i place simply like this
style.css.......
body
{
width:100%;margin:auto;height:40%;
}
in head tag i place like this....is this right?but no change is appear...
<link rel="stylesheet" type="text/css" href="D:\pratyusha\project\newonlineexam\newonlineexam\Styles\online.css"/>

manimala

Tejamanimala, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: aswinialuri-19361 on: 7/31/2013 [Member] Starter | Points: 25

Up
0
Down
HI,
try this it keeps web site width fixed mean it screen size

div style="width: 980px; margin: 0 auto; overflow: hidden;">

<div style="float: left; width: 80%;">Left Column</div>
<div style="float: right; width: 20%;">Right Column</div>
</div>

Refer this link it might be helpful to you
http://www.sitepoint.com/forums/showthread.php?766592-How-to-fix-the-WebPage-height-in-different-resolutions-of-screens
http://forums.asp.net/t/1925877.aspx/1?How+to+fix+a+website+size+in+different+screens+in+asp+net+C+
i hope you understood

Mark as Answer if it helps you
Thanks&Regards
Aswini Aluri

Tejamanimala, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Bandi on: 7/31/2013 [Member] [MVP] Platinum | Points: 25

Up
0
Down
Refer these links
http://forums.asp.net/t/1799320.aspx/1
This link will give you the techniques to set page sizes
http://coding.smashingmagazine.com/2011/08/10/techniques-for-gracefully-degrading-media-queries/
http://stackoverflow.com/questions/13302617/how-to-design-a-webpage-for-all-resolution-monitors

Click on Mark As Answer if it helps you

Mark This Response as Answer
--
Chandu
http://www.dotnetfunda.com/images/dnfmvp.gif

Tejamanimala, if this helps please login to Mark As Answer. | Alert Moderator

Login to post response