Forum Moderators: open

Message Too Old, No Replies

how to make my site scrollable

framed site collapses when shown on too small a screen, collapses

         

pjhendriks

9:58 am on Mar 27, 2004 (gmt 0)

10+ Year Member



I am looking for a solution to the following problem:

I have designed my page for 1024x768 screen sizes. However, I am teaching a class of elderlies on computers with screensize 800 x 600. I would like to show them my page. When i do so however, the complete structure of the site is destroyed.

See: <Sorry, no personal URLs. See TOS [webmasterworld.com]>

Who is there, kind enough to help me out? What do i have to do to make my full page scrollable within a smaller screen?

[edited by: tedster at 4:24 pm (utc) on Mar. 27, 2004]

tedster

4:40 pm on Mar 27, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



You say this is a framed site. My first thought is have you ALLOWED scrolling in the various frames, or are you saying scrolling="no" for every one.

Second, your frameset document's rows= and cols= attributes may be requiring too many pixels in total.

Another possibility: one of your frames may have a "*" in the frameset, but the document that loads has content that is forcing that frame to be too wide for the screen.

R1chard

4:10 pm on Mar 30, 2004 (gmt 0)

10+ Year Member



The way I see it, all pages that are too big for the screen should have scrollbars unless they are told not to...

But anyway, how about not designing for a fixed resolution?

pjhendriks

5:29 am on Apr 1, 2004 (gmt 0)

10+ Year Member



Thx for the response.

R1chard:
fixed solution.... meaning that I set width etc in fixed numbers instead of percentages and *?

pjhendriks

5:30 am on Apr 1, 2004 (gmt 0)

10+ Year Member



REsolution sorry

tedster

7:49 am on Apr 1, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



How about posting just the frameset section of your inde page (please remove any evidence of your specific domain) so we can see what knid of layout you are working with.

pjhendriks

3:46 am on Apr 5, 2004 (gmt 0)

10+ Year Member



sorry, was out of town for a few days.

<FRAMESET rows="522,*" FRAMESPACING="0" FRAMEBORDER="0" BORDER="no">
<FRAMESET cols="80,702,*" FRAMESPACING="0" FRAMEBORDER="0" BORDER="no">
<FRAME NORESIZE SRC="links.htm" SCROLLING="no" MARGINWIDTH="0">
<FRAMESET rows="86,349,88,*">
<FRAME NORESIZE SRC="kop.htm" NAME="kop" SCROLLING="auto" MARGINWIDTH="0">
<FRAMESET cols="133,566,*">
<FRAME NORESIZE SRC="weer.htm" NAME="weer" SCROLLING="auto" MARGINWIDTH="0">
<FRAME NORESIZE SRC="start.htm" NAME="item" SCROLLING="auto" MARGINWIDTH="0">
<FRAME NORESIZE SRC="grijs.htm" SCROLLING="no" MARGINWIDTH="0">
</FRAMESET>
<FRAMESET cols="133, 465,*">
<FRAME NORESIZE SRC="weerfoto.htm" SCROLLING="no" MARGINWIDTH="0">
<FRAME NORESIZE SRC="weersvoorspelling.htm" SCROLLING="no" MARGINWIDTH="0">
<FRAME NORESIZE SRC="teller.htm" SCROLLING="no" MARGINWIDTH="0">
</FRAMESET>
</FRAMESET>
<FRAME NORESIZE SRC="rechts.htm" SCROLLING="no" MARGINWIDTH="0">
</FRAMESET>
<FRAME NORESIZE SRC="onder.htm" SCROLLING="no" MARGINWIDTH="0">
</FRAMESET>

tedster

4:18 am on Apr 5, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Looks like you are using frames to control a layout -- and you probably would get better results using a table for at least most of that. Perhaps you would use an iframe or two in the spots where you really need scrollable content in part of the layout.

The thing is, a frameset will ONLY fill the available screen real estate. If there is not enough space, the internal frames will either truncate or scroll locally -- but the frameset itself will not scroll. It wasn't created to do that.

Because your document is already so complex, I hesitate to suggest one more possible approach. But because it is likely the quickest fix -- here goes.

Nest all of that layout inside yet another frameset with rows="0,*" It's the * frame where your entire frameset goes. That should take the whole thing and give it a set of scrollbars, inside the regular browser scrollbars. Not elegant, but perhaps workable.

pjhendriks

5:00 am on Apr 5, 2004 (gmt 0)

10+ Year Member



I tried the easiest way..:)

I added
<frameset rows="0,*">
at the very top
and
</frameset>
at the very bottom,
but no effect, other than losing my "onder.htm" frame.

Do i have to add a 'dummy" frame for the rows=0 part perhaps?

Bonusbana

11:56 am on Apr 5, 2004 (gmt 0)

10+ Year Member



Use tables instead of frames and give the content cell a percented width, so it nicely shrinks to whatever screen resolution the user has. A good rule is to always design so that it is possible for 800x600 users to view the content.

Or try using CSS columns, but that could be a big step for you.

R1chard

6:25 pm on Apr 14, 2004 (gmt 0)

10+ Year Member



Well, by "not designing for a fixed resolution" I meant having a page that adapts to any resolution. This is easier than it sounds.

100 pixels is huge on some machines and unreadably small on others... Since you'll never be able to guarantee what monitor/hardware/settings the user may have, it's much safer to have a page that doesn't require a certain size.