# How to fit screen with out scroll

**URL:** <https://forum.kirupa.com/t/how-to-fit-screen-with-out-scroll/5180>\
**Category:** Uncategorized\
**Created:** [September 3, 2002, 9:32pm UTC](https://forum.kirupa.com/t/how-to-fit-screen-with-out-scroll/5180 "2002-09-03T21:32:37Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![adittoro](https://avatars.discourse-cdn.com/v4/letter/a/58956e/32.png) [@adittoro](https://forum.kirupa.com/u/adittoro)\
**Post date:** [September 3, 2002, 9:32pm UTC](https://forum.kirupa.com/t/how-to-fit-screen-with-out-scroll/5180/1 "2002-09-03T21:32:37Z")

</div>

ok, here is my problem…  
when i view my site, [www.yadidadi.com](http://www.yadidadi.com)  
using 1280x960, the bar on each side fits perfectly without moving the scrolls up or down at all, but when i view it in a lower resolution then that, it could scroll down or up.  
how can i make my site un scrollable, i just want to fit all that in a browser without scrolling… please help me…  
thanks

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 5, 2002, 12:40am UTC](https://forum.kirupa.com/t/how-to-fit-screen-with-out-scroll/5180/2 "2002-09-05T00:40:25Z")

</div>

Of course, people with say 800x600 will not be able to view the whole screen as the page is too big to fit on the screen.

You could make the site a maximum of 750 pixels wide (that included the HTML formatting and or tables).

I normally make my site max 750 in width (it fits perfectly within lower res).

I’ve even seem some people make two sizes and have the index page as a choice as to which size they want to view.

Maybe someone’s got a better way…

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 22, 2002, 3:58pm UTC](https://forum.kirupa.com/t/how-to-fit-screen-with-out-scroll/5180/3 "2002-09-22T15:58:01Z")

</div>

The easiest thing to do is to put the whole page as a table and set its width and height to 100%. And lets say we have two cells in a row inside the table, so we can do something like this: Set the width of one of them to 20% and the other to 80%, and the relation will stay in all resolutions. However this will sometimes cause different problems.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 10, 2002, 8:20am UTC](https://forum.kirupa.com/t/how-to-fit-screen-with-out-scroll/5180/4 "2002-10-10T08:20:56Z")

</div>

uhm, I think that the best way to get rid of the scrollbar is divide yoour page in to two frames, make the top frame 100%, that way it fills your whole page, insert the your page in the top frame and you can set the top frame to no scroll, that way you dont have any scrollbars ever. 😏

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 10, 2002, 8:25am UTC](https://forum.kirupa.com/t/how-to-fit-screen-with-out-scroll/5180/5 "2002-10-10T08:25:37Z")

</div>

I agree with Flex…=)

only I usually go with 700 x 400, centered in a table, simply because some of my clients have had some sort of toolbar like office on the side of the screen…:nerd:  
just being safe…:-\

Rev:elderly:

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 24, 2002, 12:52pm UTC](https://forum.kirupa.com/t/how-to-fit-screen-with-out-scroll/5180/6 "2002-10-24T12:52:38Z")

</div>

Hi buddy,

You will have to make a resolution check of your browser through javascript. On basis of that the page will be loaded and get adjusted according to the resolution of your browser.

window.screenHeight.avail  
window.screenWidth.avail

Trap the value and in variable and load the page.

Make sure that you use 100% table height and width in order to get adusted according to the resolution. Avoid using more images and if them place on center of the table.

This script workswith IT but not checked with netscape.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 24, 2002, 4:41pm UTC](https://forum.kirupa.com/t/how-to-fit-screen-with-out-scroll/5180/7 "2002-10-24T16:41:15Z")

</div>

It is…

screen.availWidth  
screen.availHeight

But none of that matters in this case… all you want is to not scroll.

So in that case you should use % sizes for your table widths and heights. That would make it x% of the viewers screen so it will resize to fit all screens.
