Forum Moderators: mack

Message Too Old, No Replies

New to Web design need Frontpage help

Need site viewable in All computers

         

Kimmiton

11:01 am on Nov 28, 2002 (gmt 0)

10+ Year Member



Hello,

My browser is set to 1024x768. My client cannot view the site because her's is Set to 800x600.

How do I fix this problem So all on the web can view it?

Without redoing the whole thing over?

DESPERATE!
Kimmiton

[edited by: Marcia at 11:06 am (utc) on Nov. 28, 2002]
[edit reason] no URL / sigs, please [/edit]

BlobFisk

11:35 am on Nov 28, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hi Kimmiton and welcome to WebmasterWorld!

It sounds as if you are setting your table/div widths to a size that your client (and a large percentage of web users) can't see without scrolling, but it's hard to tell without more info.

How is your page set up? Are you using tables to structure the page? If so, what widths are you using.

Any further info you could give would be a big help!

brotherhood of LAN

11:48 am on Nov 28, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Hi Kimmiton,

I'd guess you have used tables in your page, and that's what's overflowing.

If you have any <table> tags in your source code, see what width's they are. You can change these to percentages, where <table width="50%"> takes up half the screen, whereas using px measurements can mean differences in display between different resolutions.

When you're making your pages, you might want to switch between resolutions to test it out before you show anyone else. I'm also on 1024x768, but if I ever need to change the screen res I head to the control panel (Start > Control Panel > Display > Settings on WinXP Pro) and change it to the lower resolution.

Brian

10:02 am on Dec 4, 2002 (gmt 0)

10+ Year Member



I came on here today to raise the opposite. I built my pure HTML site on 800x600 and found a bunch of problems when I looked on higher resolution. For instance, all my beautiful layouts fell apart, making very high-grade content look dead amateur.

Eventually, I chiseled it so that viewers on 1024 currently get a big blank bit down the right side of the screen. I could have centered, but my brain can only conceptualize so many Frontpage boxes at any one time. I have given myself repetitive strain injury and can't do more before Xmas. Basically, i created a 100% frame for the page, a second three column table within that. i left the left column alone (for the future), set the middle column to 30 px as a fixed margin (although I should have made it a percentage) and put a third table of 670 px into the right column, with all content. As I say, my site sets left, but there will be a way to center the content, creating blank spaces left and right of the page on higher resolution. THIS IS ALL AYOR.

My guess is Kimmiton, if the site is predominantly HTML you will indeed need to rebuild the pages. If you are heavily-reliant on tables interwoven with images, as i am, you may have a lot of work ahead. I am not an authority (and maybe someone will chip in and assist here), but issues I've noted include the fact that on higher resolution text gets smaller (not bigger like the screen).

Does anyone know what proportion of all screens out there are 600x800 etc? That's what I wanted to know.

jackofalltrades

10:09 am on Dec 4, 2002 (gmt 0)



I generally use a centred table which is 760px wide. This is the max a 600x800 monitor can see.

I then build the entire page with in this table.

Alternatively you could have a centered table that is between 80 and 90% wide. This keeps the same whitespace borders at either side, on any monitor (proportionally) and also keeps the width fluid. An additional advantage of this method is that if your user resizes their browser window, then your format adjusts to accommodate it.

JOAT

MsDetta

4:50 pm on Dec 5, 2002 (gmt 0)

10+ Year Member



I agree that you should use percentages for your table widths and make sure that your percentages equal 100%. If you need to set any absolute values for positioning, use a cascading style sheet to set the positions. This should provide liquidity for different monitor resolutions.

[w3schools.com...] is a great source for information on HTML and CSS style sheet issues.