Solved

Screen resolution

Posted on 2000-04-27
7
277 Views
Last Modified: 2010-04-09
Is there a way to make my website display in any size monitor or screen  resolution without scroll bars. I don't want to limit the width of my site so that it will show up properly in small screen reolutions, but appear to have a lot of wasted space on larger screen
Doll
0
Comment
Question by:Doll
7 Comments
 
LVL 1

Expert Comment

by:ManoloMA
ID: 2758214
You can resize the screen, as you want with:

<SCRIPT>
window.resize(x,y);
</SCRIPT>

And to not display the scroll bars you can put scroll="no" in the BODY tag:


<BODY scroll="no">


Other solution is to open a new window with the appearance you want:

with or without scrollbar
with or without tollbar
resizable or not
etc.

<SCRIPT>
window.open("sample.htm",null,
    "height=200,width=400,status=yes,toolbar=no,menubar=no,location=no")
</SCRIPT>

Manolo.

0
 
LVL 8

Expert Comment

by:jbirk
ID: 2758231
If you're site isn't all images, you can set it up with a table which is centered and uses percentages for width.  This way for the larger widths it will fill up the screen with your text.  However this looks ridiculous on my screen at work, with 1600X1200 resolution.  A whole paragraph fits on one line this way!  So usually people just design a site for a specific res (800X600 usually) and center it, or attach it to the top left.

-Josh
0
 
LVL 22

Expert Comment

by:CJ_S
ID: 2759908
The normal way to do this is to use a frameset. If you make your sites for users with a resolution of 800x600 then you use the frameset:

<FRAMESET rows="*,600,*" marginwidth="0" marginheight="0" framespacing=0 frameborder=no border=0>
<FRAME marginwidth="0" marginheight="0" src="filler.html" scrollbars=no scrolling=no framespacing=0 frameborder=no border=0>
<FRAMESET cols="*,800,*" marginwidth="0" marginheight="0" framespacing=0 frameborder=no border=0>
<FRAME marginwidth="0" marginheight="0" src="filler.html" framespacing=0 frameborder=no border=0>
<FRAME marginwidth="0" marginheight="0" src=MYSITE.html" framespacing=0 frameborder=no border=0>
<FRAME marginwidth="0" marginheight="0" src="filler.html" framespacing=0 frameborder=no border=0>
</FRAMESET>
<FRAME marginwidth="0" marginheight="0" src="filler.html" framespacing=0 frameborder=no border=0>
</FRAMESET>

Just change the html pages for whicxh you want, and mess a bit with the rest (for the spacing, scrollbars an all)

Good luck!
CJ


0
Free Trending Threat Insights Every Day

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

 
LVL 2

Expert Comment

by:netbug
ID: 2761598
your answer is here:-
in your each and every <table> tag
you must have specified width in pixels.
make it 100% everywhere.
and your scroollbars will be gone.
eg;
<table border="1" width="100%" bgcolor="tan">

your structure goes here

</table>
bye!
0
 

Author Comment

by:Doll
ID: 2764289
Here's what I'm concerned about:my website www.camppope.com has a left frame with navigation buttons. On a smaller screen than my 19" VX900, the left frame is narrowed and the browser automatically adds a horizontal scroll bar. I can make the left frame bigger (say 20% to its present 15%), but that takes a lot of real estate away from the right frame on a larger screen. I would like to figure out some way to keep this horizontal scoll bar from coming up. Is it because I have a table in the left frame?
Doll
0
 
LVL 8

Accepted Solution

by:
jbirk earned 100 total points
ID: 2764307
To do that you should just specify the size of the left frame in pixels, not percent.  It looks like your search field sticks out the most, so you'll have to base it on that.  I would try 125 pixels first, then go from there...  So just change the code:
<FRAMESET FRAMEBORDER="0" FRAMEBORDER="no" FRAMESPACING="0" COLS="125,*" ROWS="100%" SCROLLING="no">

-Josh
0
 

Author Comment

by:Doll
ID: 2771761
Well, only your comment came anywhere close to helping on this, so you get the points. I changed the framespacing for the left column to 140 and it shows up pretty well on the other computers I have (with smaller screens). Thanks.
Doll
0

Featured Post

Do You Know the 4 Main Threat Actor Types?

Do you know the main threat actor types? Most attackers fall into one of four categories, each with their own favored tactics, techniques, and procedures.

Join & Write a Comment

Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…

747 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

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now