Author Topic: banal html question (Read 1602 times)

Cyberus · « **on:** July 24, 2003, 07:04:11 PM »

I know this will sound really stupid, but I was helping a friend out with his website the other day, and I just tried viewing it online, and because the resolution of my monitor is 1024 x 768, there is a great big blank margin down one side, as I designed the page on a 800 x 600 res display.

Like I say, forgive the stupid question, but how do I make it so the site looks good regardless of the res'n of the surfer's monitor? I've never actually encountered this problem before!

mikeymike · « **Reply #1 on:** July 24, 2003, 07:17:18 PM »

Presumably you're using tables or divs to hold things in place, if you really want to use all the window space available, allow the body text out of the restrictions you've set for it.

On the other hand, trying to read text that flows all the way across a very wide screen (>1024x768) is something most people find irritating or tiring on the eyes.

Me personally, I don't have any windows taking up fullscreen except the very occasional one for a specific purpose, and I'm running 1280x1024 res. It annoyed the hell out of me recently when going to a website that had some stupid screen size detection code, assumed I ran all my windows fullscreen, and as a result I have to look at a website whose dimensions are all out of kilter.

Fullscreening windows as a rule for any display >1024x768 is a major waste of space. Most websites will have most of the window blank. At a guess, the average browser window size on my machine is ~800x600.

yssing · « **Reply #2 on:** July 24, 2003, 08:44:29 PM »

I usually use frames for that.

just set the margins at a fixed sixe e.g. 50 pixel, and then make the main frame dynamic.

or is it frameset, can't remember right now.

BrainD · « **Reply #3 on:** July 24, 2003, 10:28:24 PM »

I like using percentages. Any browser will automatically resize based on resolution.

Here is a little code from own site.

Bezzen · « **Reply #4 on:** July 24, 2003, 10:43:30 PM »

Stay clear of using dynamic figures in webpages for anything other than margins.

If you're using text the ideal length of a row is 55-65 characters. If you're not using a fixed pixel width for your text the length of the rows will far exceed this on bigger resolutions and will make the site look unprofessional and it will be harder to read what you're trying to communicate.

Cyberus · « **Reply #5 on:** July 24, 2003, 10:43:48 PM »

Thanks for your replies guys, they were helpful. I should've worked that out for myself, but you know, sometimes you canne see the wood from the trees.

Another Q: If I want to put a pic at the top of the page (perhaps in a frame row) how can I make sure that if the page does get resized, that the image sizes with it? Or is this not do-able?

Cheers

weirdami · « **Reply #6 on:** July 25, 2003, 12:03:04 AM »

@Cyberus
Do you really want your picture to resize? You'll end up having a blocky yuck with screwed up aspect ratio. If it can be done, that is. I don't know because I never thought of doing it. You could probably pretend to do it with a background and a transparent gif. When there is a resize, more of the backround pic would reveal and you could have the transarent gif be centered so it always looks like it in the right place. Or something like that. :-)

gnarly · « **Reply #7 on:** July 25, 2003, 01:15:54 AM »

I'm sorry? Using frames for that? Huh? Why?

Why not use a simple to hold it all?

(I know in this day and age table based layouts are frowned upon but Amiga browsers would all ignore a CSS based solution... bah :-( )

It always be in the middle of the page, and it'll always be 90% of the browser's width (until its content overwhelms it that is).

Logged

Cheers,

Olly
Think Drastic

Kent

Hero Member
Join Date: Feb 2002
Posts: 680

Re: banal html question

« Reply #8 on: July 25, 2003, 03:59:05 AM »

When you want to resize an image for display on the main page or as a title, my suggestion is to not resize the image in the [height='' width=''] arguments. Instead use your favorite editor and make the modifications to the image and keep two copies of it on the site. The smaller one will have more detail that way and you won't have to worry about forcing an image to look different from what it is supposed to. There are hundreds of examples you can find online, even here. The oringal size of the AO logo weighs in over 8MB, but we don't want the logo to be 8MB for each page load, instead it was shrunk down for a more suitable download. Also, when putting in images make sure to put the proper width and height so the page renders faster and there are no table jumps or image shifting.

Don't use frames on a professional site, unless you are trying to show off some form of functionality or have a very intense administration front end. Use tables to design your pages instead.

Have a look at the source of my site if you would like some ideas on how to do resizeable tables and still make them look good on any browser.

:pint:

Logged

I love the modern age world of this middle age crises America... all these SUVs driving around like there\\\'s gas to spare and then some.

http://www.RequestFocus.com

W. Kent Seaton ~ RequestFocus.com

Print

Pages: [1] Go Up

« previous next »

There was an error while thanking

Thanking...

AMIGA.org™ is a valid trade mark used world wide.
Powered by SMF & Theme by MLM

Page created in 0.101 seconds with 21 queries.