Click to See Complete Forum and Search --> : How to avoid web page thats to wide
rgh7216
12-01-2003, 03:18 PM
-------------------------------------------
Can someone tell this beginner, how to avoid having a
web page that will auto adjust to a readers screen or
resolution size ?
Been to several sites that are wider than my 19" and
can only imagine those with little 15 and 17 inch monitors.
Is there a tag or something that will adjust my page
to fit any size screen (15 to 21inch)
Thank you in advance
RGH
rgh7216@juno.com
----------------------------------------------
toicontien
12-01-2003, 03:34 PM
Well, you want two different things: a page that adjusts to differing screen resolutions and a page that does not auto-adjust to fit the available width. Without using JavaScript, there is no way to do what you want. On most browsers, however, you can increase the text size, but not the sizes of images.
The other option is to download the latest version of the Opera web browser. It doesn't increase text size, rather it actually zooms in on the web page.
As a beginner, I'm assuming you don't know much about Cascading Style Sheets. By using CSS, you can specify the widths of columns using ems, which is the average width of a character in a character set. By increasing the text size you increase the size of the layout. This allows you to design a page with a "static" width that is wholly dependant on the browser's text size settings. And when text gets resized, the width of the page changes in proportion.
http://www.cm-life.com/pages/newdesign/ is an example of such a layout. It's kind of buggy in Macintosh browsers but works on PC browsers versions 5.0 and newer.
rgh7216
12-01-2003, 03:58 PM
Mr. Greg,
Thank you for your attention and time in reply.
I will go read up on the CSS. I read something (where?) that said to use (?) nothing more than 800 wide or use a '%' sign when writing the HTML and this would resolve the page being too large (wide) and would self adjust to the different screen sizes, depending on what a looker was using. Sure wish I could find that article again :(
I threw in the resolutions, as not everyone uses the same as me. Sorry if this complicated my question.
Thank you again for your advice
RGH
rgh7216@juno.com
-----------------------------
Paul Jr
12-01-2003, 07:25 PM
Not making your website more than 800 pixels wide would ensure that it would still be completely within the viewing area of someone who had their resolution set to 800*600. But, it would look incredibly small to anyone who had their resolution set to, probably, anything higher than 1024*768.
You may also use percentages when defining dimensions, as that will cause your page to expand and contract according to the users' window size, or resolution.
I'm not sure how that would work with increasing or decreasing the font size... My brain is a bit fuzzled at the moment.
jochem
12-02-2003, 07:03 AM
Personally I still choose to build my sites with framesets, because divs with so called 'internal HTML' need JavaScript to function.
About the resolutions, you might want to check out http://www.alpinetrekking.com/canvas, where you can test your site at safe screen resolutions.
Cheers, Jochem :cool:
CherryAA
12-02-2003, 11:10 AM
Originally posted by Paul Jr
You may also use percentages when defining dimensions, as that will cause your page to expand and contract according to the users' window size, or resolution.
I'm not sure how that would work with increasing or decreasing the font size... My brain is a bit fuzzled at the moment.
Funny, I've just done this .... Everything resizes beautifully, except the fonts :rolleyes: It doesn't look to bad, but the lines of text in the window become ridiculously short when the framework's reduced in size. I set my default font as "relative" in a CSS stylesheet, which I thought was correct ..... but I must have missed something!
I'll come back here & see if someone knows what I missed .... :D
CAA
CherryAA
12-02-2003, 11:59 AM
It seems there is little to be done about the fonts ....
<<HTML font sizes are relative, not specific, point sizes. Users set the point size of the default font for their browsers; this is the font size that they will see when you select Default or 3 in the Property inspector or Text > Size submenu. Sizes 1 and 2 will appear smaller than the default font size; sizes 4 through 7 will appear larger. Also, fonts generally look larger in Windows than on the Macintosh, though Macintosh Internet Explorer 5 uses the same default font size as Windows. >>
<<The default depends on your system’s installed fonts. For most U.S. systems, the default is Times New Roman 12 pt. (Medium) on Windows and Times 12 pt. on the Macintosh. >>
Fair enough, I suppose. If someone has poor eyesight, they're going to need their huge font whether I think it looks good in the frame or not!
Cheers :)
Paul Jr
12-02-2003, 12:27 PM
Originally posted by CherryAA
Funny, I've just done this .... Everything resizes beautifully, except the fonts :rolleyes: It doesn't look to bad, but the lines of text in the window become ridiculously short when the framework's reduced in size. I set my default font as "relative" in a CSS stylesheet, which I thought was correct ..... but I must have missed something!
I'll come back here & see if someone knows what I missed .... :D
CAA
Yes, I just checked that out after I had posted. If you define dimensions with percentages, it will resize to fit the users' resolution/window size. BUT, it will screw up the text, so to speak. If you wish to have things resize like that, and you don't want the text to screw up, you have to define dimensions in em's...
Which I'm sure a lot of people here already knew...
Aronya1
12-02-2003, 06:28 PM
My suggestion is build the site to the lowest common denominator: 800x600 screen resolution. Very few people, relatively speaking, will use a screen resolution lower than that. If your layout breaks because someone uses something higher, say 1024x768, you're probably doing something wrong. Either find out what that is & fix it, or specify your table/div sizes in pixels. Unfortunately, it's not a perfect world we live/design in.
Just my 2cts.
PeOfEo
12-02-2003, 06:45 PM
I believe in fluid designs that will resize for all resolutions (sencible ones). For example you would design a fluid site in 1024 by 786, then test it in 800 by 600 and other resolutions. My newest layout is an example of that, www.paxonradio.vze.com. Also I have sections that streatch... then ones that dont, this is so I can position images and other objects and have them about the same no matter what the resolution is. In that layout the nav bar and the right and left parts of the header bar do not stretch, whereas the content and the middle of the header will. Also for that nav bar, in order to have the image continue, as apposed to an pixil height and % width i chopped out a very small section then tiled it as a background.
spufi
12-03-2003, 10:17 AM
Originally posted by Paul Jr
Not making your website more than 800 pixels wide would ensure that it would still be completely within the viewing area of someone who had their resolution set to 800*600. But, it would look incredibly small to anyone who had their resolution set to, probably, anything higher than 1024*768.
For the record, I use 1400X1050 resolution with a max sized browser on a laptop with a 15 inch screen no less. Anyway, a well built site at 800X600 still looks good to me. The biggest thing I run into is people not handling how their images repeat, but in terms of font size, I have almost no problem. I had one person who had most if not all of their text set to extra small and his blog was a pain to read. I told him about it and after I told him under what circumstances I viewed the net at, he replied, "Dude, how do you read much of anything?" :p
Paul Jr
12-03-2003, 06:19 PM
Originally posted by spufi
...he replied, "Dude, how do you read much of anything?" :p
I must echo that statement. How can you read much of anything? My resolution doesn't even go up that high... :eek: