?
Solved

Webpages aren't fitting in lower display settings

Posted on 2005-04-13
8
Medium Priority
?
228 Views
Last Modified: 2013-12-16
Is there a way that you can have a page resize it's self to fit someones display settings

I created a site which works fine on my computer   my display settings are at 1024   768

when someone who's display settings are 800 600  some of the parts of my webpage are larger than what fits in that screen and it distorts everything and it ends up looking junky.


Is there a way to set the pages to adjust to different settings?
0
Comment
Question by:WestonGroup
  • 4
  • 4
8 Comments
 
LVL 9

Expert Comment

by:danataylor
ID: 13775809
screen.width and screen.height objects give you the screen resolution

screen.availWidth and screen.availHeight  take any tool bars and tell you what is available

You could then resize the document accordingly.  This will resize it to 80% of the screen height and width

<script type="text/javascript">
window.resizeTo(screen.availWidth * 0.8,screen.availHeight  * 0.8)
</script>

0
 

Author Comment

by:WestonGroup
ID: 13775934
That didn't work,

unless I put it in the wrong place

I have a fram page

left frame, top frame and center frame

the top frame says    North Carolina Positions

on screens with display settings smaller than 1024  786  the positions get shifted to the next line and you have to scroll to see all the wording

I want it so no matter what display you have everyone can see all the wording when the pages loads...I don't want to have to shrink the font

is that what this coding does?  if so maybe i'm putting it in the wrong spot?

0
 
LVL 9

Expert Comment

by:danataylor
ID: 13776019
Please post the code that defines your frames.
0
Restore individual SQL databases with ease

Veeam Explorer for Microsoft SQL Server delivers an easy-to-use, wizard-driven interface for restoring your databases from a backup. No expert SQL background required. Web interface provides a complete view of all available SQL databases to simplify the recovery of lost database

 

Author Comment

by:WestonGroup
ID: 13776063
This is the top frame   do you need the left frame code and middle frame code?


<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>North Carolina Positions</title>
<base target="contents">
</head>

<body>

<p align="left"><font size="7" color="#800000"><b>North Carolina</b></font><b><font size="7" color="#800000">
Positions</font></b></p>

</body>

</html>
0
 
LVL 9

Expert Comment

by:danataylor
ID: 13776163
I need the page that builds the frames.  The one with the <FRAMES> tag.

Is your page structured like this:

____________________________
|                 TOP                              |
-------------------------------------------
|  L  |                                              |
|  E  |     MIDDLE                              |
|  F  |                                              |
|  T  |                                              |
---------------------------------------------
0
 

Author Comment

by:WestonGroup
ID: 13776241
________________
|  l    | TOP          |
|  e   |---------------
|  f    |     m          |
|  t    |                 |
----------------------

I used front page template

each frame has its own HTML code

this is the frames page html

<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>New Page 1</title>
</head>

<frameset framespacing="0" border="0" frameborder="0" cols="294,*">
  <frame name="left" scrolling="no" noresize target="rtop" src="northcarolinalinks.htm">
  <frameset rows="20%,*">
    <frame name="rtop" target="rbottom" src="northcarolinatop.htm" scrolling="no">
    <frame name="rbottom" src="northcarolinamain.htm" scrolling="auto">
  </frameset>
  <noframes>
  <body>

  <p>This page uses frames, but your browser doesn't support them.</p>

  </body>
  </noframes>
</frameset>

</html>
0
 
LVL 9

Accepted Solution

by:
danataylor earned 1500 total points
ID: 13776386
It looks like you are already sizing the total width of the outside frameset to fullscreen.  You can use the onload= option inside the frameset to call a function that executes the code I first listed to make sure the browser is fullscreen.

Change your outside frameset to:
<frameset framespacing="0" border="0" frameborder="0" cols="294,*" onload='ReSizeMe()'>

And put this between the <HEAD></HEAD> tags:
<script type="text/javascript">
function ReSizeMe()
{
window.resizeTo(screen.availWidth,screen.availHeight)
}
</script>

Haven't tested this and it time to go home now.  Will check in the morning and see how you're doing.
Good luck - CYA
0
 

Author Comment

by:WestonGroup
ID: 13776444
Well its not the browser that needs resizeing its the monitor display settings

when the monitor display is less than 1074  768  even with the browser at full screen it still doesn't fit....

This is probably not able to be done but I will try the code u gave me

thanks
0

Featured Post

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
The purpose of this video is to demonstrate how to add AdSense Ads to a WordPress Website, and how to set up WordPress to automatically place Ads in Sidebars. This will be demonstrated using a Windows 8 PC. Log into your AdSense account. : Cli…
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
Suggested Courses

864 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question