asked on

Webpages aren't fitting in lower display settings

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?

danataylor

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>

WestonGroup

ASKER

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?

danataylor

Please post the code that defines your frames.

WestonGroup

ASKER

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>

North Carolina
Positions

</body>

</html>

danataylor

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 | |
---------------------------------------------

WestonGroup

ASKER

________________
| 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>

This page uses frames, but your browser doesn't support them.

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

</html>

ASKER CERTIFIED SOLUTION

danataylor

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

WestonGroup

ASKER

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