how to fix the web page in different screens ?

Posted by Tejamanimala under ASP.NET on 7/31/2013 | Points: 10 | Views : 2137 | Status : [Member] | Replies : 4

Write New Post |

Search Forums | Answered

Resolved Posts |

Un Answered Posts |

Forums Home

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

Reply | Reply with Attachment

Alert Moderator

Responses

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

0	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

0	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

0	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

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

0	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

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

Latest Posts