navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

 

Page resize to accomdate res. / monitor size?

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> General Web Development >> Page resize to accomdate res. / monitor size?
Page: [1]
 
Dayvud

 

Posts: 75
From: Ventura, CA 93001
Status: offline

 
Page resize to accomdate res. / monitor size? - 4/24/2002 1:51:17   
Does FP 2k have an 'auto page resize fuctionality?'
If not, does HTML support resizing the page to
fit the vistor's screen size / resolution?

Reflect

 

Posts: 4769
From: USA
Status: offline

 
RE: Page resize to accomdate res. / monitor size? - 4/24/2002 10:32:17   
Hi,

Yes, but this not a FP thing. Make a table and set the width to equal 100%. Then just create tables inside of that for postioning.

Brian

Work hard, play fair, stay sane

(in reply to Dayvud)
rdouglass

 

Posts: 9280
From: Biddeford, ME USA
Status: offline

 
RE: Page resize to accomdate res. / monitor size? - 4/24/2002 11:02:05   
If you're looking to resize the page to fill the available screen, try putting this code int he <head> section of your page:

<script language ="JavaScript">

self.moveTo(0,0);self.resizeTo(screen.availWidth,screen.availHeight);

</script>

 

(in reply to Dayvud)
piquet

 

Posts: 530
Joined: 3/26/2002
From: Ciudad de México
Status: offline

 
RE: Page resize to accomdate res. / monitor size? - 4/24/2002 11:09:48   
The problem with this resizing lark is that it just resizes the page. The spacing of the text and the fact that the images stay the same size can distort the look of the page...I always put the page within a centered table and set the width to 776px. This just means a border each side in higher resolutions, but the majority of people use 800x600 anyway.

Look after #1 and don´t step in #2.

(in reply to Dayvud)
Dayvud

 

Posts: 75
From: Ventura, CA 93001
Status: offline

 
RE: Page resize to accomdate res. / monitor size? - 4/24/2002 16:04:44   
Re: Piquet's post
776 pixels is 136 more pixels than my centered table. My pages do have one
shared border, which is why the 800 x 600 res. must scroll laterally. Would you scale back the table size from 640 px to ...?


(in reply to Dayvud)
piquet

 

Posts: 530
Joined: 3/26/2002
From: Ciudad de México
Status: offline

 
RE: Page resize to accomdate res. / monitor size? - 4/24/2002 19:20:09   
Not sure what you mean.....by putting the page in a table 776 wide it fits the 800px window exactly without scrolling and keep everything in the right place in higher resolutions.

Look after #1 and don´t step in #2.

(in reply to Dayvud)
piquet

 

Posts: 530
Joined: 3/26/2002
From: Ciudad de México
Status: offline

 
RE: Page resize to accomdate res. / monitor size? - 4/24/2002 19:21:25   
....and if your table is smaller, I don´t see why you have to scroll.

Look after #1 and don´t step in #2.

(in reply to Dayvud)
abbeyvet

 

Posts: 5095
From: Kilkenny Ireland
Status: offline

 
RE: Page resize to accomdate res. / monitor size? - 4/24/2002 19:42:54   
quote:
by putting the page in a table 776 wide it fits the 800px window exactly


Only if the person browsing has their wnidow at maximum width. A lot of people browse with their windows at less than that - loads for example keep the explorer bar open on the left of the window so that the area available for browsing is much less wide than you would expect.

The most practical way to have a page that resizes is to use tables set at a percentage width, and ensure that the content is laid uot such that resizing will not cause it to push the table edges too wide at lower resolutions or window sizes.

Katherine

++++++++++++++++++++++++
www.inkkdesign.com

Women and cats will do as they please. Men and dogs should relax and get used to the idea.

(in reply to Dayvud)
piquet

 

Posts: 530
Joined: 3/26/2002
From: Ciudad de México
Status: offline

 
RE: Page resize to accomdate res. / monitor size? - 4/24/2002 19:51:20   
I´m sure that this argument will run and run, but I strongly disagree with using % widths. There is no ONE solution to this problem but as far as I can see, setting your page to a fixed width is the only way you can design exactly as you want and guarantee the results.

Look after #1 and don´t step in #2.

(in reply to Dayvud)
Gil

 

Posts: 7533
From: North Carolina, USA
Status: offline

 
RE: Page resize to accomdate res. / monitor size? - 4/24/2002 20:01:38   
I strongly agree with Katherine - use % for table widths.

piquet, my browser window (res 1280 X 960) is only 745 px wide, so I would have to scroll for your settings. I don't like scrolling and would probably just leave....


Gil Harvey
The Host Factory
Resellers are our Specialty
Find a Web Professional


(in reply to Dayvud)
LB

 

Posts: 5551
From: Montana USA
Status: offline

 
RE: Page resize to accomdate res. / monitor size? - 4/24/2002 23:17:45   
There is no ONE solution to this problem

Agreed!!

but as far as I can see, setting your page to a fixed width is the only way you can design exactly as you want and guarantee the results.

Wrong. There is no "exactly" or "guarantee" that fixed pixels will show the viewer your site the way you want them to.

What about WebTV, habits such as having the explorer bar open on the left of the window (Katherine brought this up and I also know several people who ALWAYS do this... and personally, they drive me nuts by doing so but I also design and test with this in mind), 640res, or text size increases? All of that can throw off a page's "look".

Sometimes I go for fixed pixels, but more often than not I use percentages.... then view in various resolutions and compromise to get a decent look in all rather than trying to perfect look in just one resolution.

lol. yep... this debate could go on forever.

As for Dayvud's horizontal scroll in 800, he has the width of his left shared border PLUS the 776 table.

Keep in mind it's not only the width of the table, but also the content inside it. Graphics are often the cause of horizontal scrolling.

Linda

(in reply to Dayvud)
Dayvud

 

Posts: 75
From: Ventura, CA 93001
Status: offline

 
RE: Page resize to accomdate res. / monitor size? - 4/25/2002 0:52:21   
Re: LB's comment

The screen / res. size issue leans toward using the percent value tested
at the various resolutions. What about screen size? How do you get a 17" screen to display as a 15" screen? Isn't the screen size independent of the resolution setting?


(in reply to Dayvud)
piquet

 

Posts: 530
Joined: 3/26/2002
From: Ciudad de México
Status: offline

 
RE: Page resize to accomdate res. / monitor size? - 4/25/2002 10:45:38   
I use a 15" monitor but I have looked at my sites on a 17" monitor and it looks fine.....anyway I think I better keep quiet on this subject now ´cos no-one seems to agree with me, I think it is best that we each use our personal preference as whatever we do we will upset someone....I think I´ll just go away and sulk!

Look after #1 and don´t step in #2.

(in reply to Dayvud)
Gil

 

Posts: 7533
From: North Carolina, USA
Status: offline

 
RE: Page resize to accomdate res. / monitor size? - 4/25/2002 11:50:46   
quote:

Isn't the screen size independent of the resolution setting? 



Nope as long as the monitor supports the resolution it can be run on a 13" or a 21" monitor. But - monitor size is not the same as browser window size. I just walked around my team's cubicles and out of 16 set ups only one runs the browser "full screen".

Gil Harvey
The Host Factory
Resellers are our Specialty
Find a Web Professional


(in reply to Dayvud)
abbeyvet

 

Posts: 5095
From: Kilkenny Ireland
Status: offline

 
RE: Page resize to accomdate res. / monitor size? - 4/25/2002 11:57:17   
quote:
anyway I think I better keep quiet on this subject now ´cos no-one seems to agree with me


Please don't keep quiet!!

I really would be intersted to know why you disagree with/dislike use of percentages?

I am not hooked on them - some sites I use fixed width layouts, others percentages. It is not to do with personal preference really, some sites I think suit one layout mothod, others another. But I really would be genuinely interested to know why you don't agree with percentages being a good way to go?

Katherine

++++++++++++++++++++++++
www.inkkdesign.com

Women and cats will do as they please. Men and dogs should relax and get used to the idea.

Edited by - abbeyvet on 04/25/2002 12:00:01

(in reply to Dayvud)
piquet

 

Posts: 530
Joined: 3/26/2002
From: Ciudad de México
Status: offline

 
RE: Page resize to accomdate res. / monitor size? - 4/25/2002 12:06:41   
For the simple reason that when I design I want the actual content, including graphic to look exactly how I planned them to look. A (for example)200x100 image is still 200x100 on a higher resolution and if I use % widths for the cells the text stretches and uses less height. Together this can ruin your design.
I know there have been discussions about browser widths, WEB TV etc, but you can´t take into account all these variables, I think you have to decided what you designing for and stick with it. All of my designs have been for the UK or Mexico (where I now live) and I know that people generally use IE, 800x600 and there aren´t as many variations in the method of viewing as I the US:

Look after #1 and don´t step in #2.

(in reply to Dayvud)
rdouglass

 

Posts: 9280
From: Biddeford, ME USA
Status: offline

 
RE: Page resize to accomdate res. / monitor size? - 4/25/2002 12:44:08   
At times when I've had to do something like that, I usually create an 'extra' column to the far right and don't define any with - pixel or %. That generally will fill any remaining space (on the right) w/ background image, etc. I have seen it done with a similar column on the left as well. That effect usually displays the table you're trying to create centered on the page with 'fill' to the left and right....

Don't know if that helps....

 

(in reply to Dayvud)
piquet

 

Posts: 530
Joined: 3/26/2002
From: Ciudad de México
Status: offline

 
RE: Page resize to accomdate res. / monitor size? - 4/25/2002 12:54:26   
Have to admit, I hadn´t thought of that. So what you are saying is that the part of the page with the website in is in fixed (pixel) width tables but the whole page is a %age? ...I guess that means that the "extra column just gets bigger on higher resolutions?

Look after #1 and don´t step in #2.

(in reply to Dayvud)
abbeyvet

 

Posts: 5095
From: Kilkenny Ireland
Status: offline

 
RE: Page resize to accomdate res. / monitor size? - 4/25/2002 13:04:07   
I think that is the key thing, just becasue one part of a table is in percentages, or one table, it does not mean they all are.

For example take a simple three column table layout. I might have the table at 100%, the left and right columns fixed and the middle one undefined - so it increases or decreases according to the screen size/window size/resolution.

If I am using an image which has a block of text to the left or right of it that I need to fix in position in relation to the text I just pop in a nested two column table, at a percentage - usually 100% - which in this case will be 100% of the table cell in which the new table is placed. I then fix the width of the cell with the image, leave the width of the other cell undefined, and set alignment of the cells to 'top'

That way while the text block may change in width its relationship to the image will not.

You do need to always keep totting up the things in any one part of the page - mainly images - that could push the pages wider than expected.

This site would be one where I did a lot of this sort of laying out - there is a huge mix of percentages and fixed widths throughout. http://www.irelandescorted.com/ but (I think!) it still looks ok at all resolutions.


Katherine

++++++++++++++++++++++++
www.inkkdesign.com

Women and cats will do as they please. Men and dogs should relax and get used to the idea.

Edited by - abbeyvet on 04/25/2002 13:08:22

(in reply to Dayvud)
rdouglass

 

Posts: 9280
From: Biddeford, ME USA
Status: offline

 
RE: Page resize to accomdate res. / monitor size? - 4/25/2002 13:17:03   
quote:

...I guess that means that the "extra column just gets bigger on higher resolutions?


Exactly.....

 

(in reply to Dayvud)
piquet

 

Posts: 530
Joined: 3/26/2002
From: Ciudad de México
Status: offline

 
RE: Page resize to accomdate res. / monitor size? - 4/25/2002 13:21:01   
I see what you mean, although to avoid all that "totting up" you could just.......put the page in a fixed width table :-) ....sorry, couldn´t resist it!!
Seriously I will give your suggestions some thought and try them.


Look after #1 and don´t step in #2.

(in reply to Dayvud)
Gil

 

Posts: 7533
From: North Carolina, USA
Status: offline

 
RE: Page resize to accomdate res. / monitor size? - 4/25/2002 13:59:56   
quote:

For the simple reason that when I design I want the actual content, including graphic to look exactly how I planned them to look.



Coming from a Ad Agency background, I understand your comment. But, the entire concept of the WWW and of HTML is to put the control in the end users hands. I always tell clients if they "insist" the layout/color/graphics be "exact" they need to mail a brochure - that's not how a web site works - nor will it accomplish that for them.

Cheers...

Gil Harvey
The Host Factory
Resellers are our Specialty
Find a Web Professional


(in reply to Dayvud)
piquet

 

Posts: 530
Joined: 3/26/2002
From: Ciudad de México
Status: offline

 
RE: Page resize to accomdate res. / monitor size? - 4/25/2002 14:20:33   
I guess it´s the artist in me. The content is usually determined by the client to all that´s left to the designer is DESIGN.


Look after #1 and don´t step in #2.

(in reply to Dayvud)
Page:   [1]

All Forums >> Web Development >> General Web Development >> Page resize to accomdate res. / monitor size?
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts