Welcome to WebmasterWorld Guest from 34.239.158.107

Forum Moderators: open

Message Too Old, No Replies

How to optimise your webpage for all browser settings

screen settings should not be effected?

     
8:39 am on Aug 2, 2004 (gmt 0)

Preferred Member

10+ Year Member

joined:May 29, 2003
posts:366
votes: 1


Hi

I have to create a new website and wanted to know the following before i start designing.....

1)How do i create a webpage in frontpage and dreamweaver which will appear suitable on different browser settings and screen resolutions......

I have my system settings as 800x600.....can i design my page in such a way thst it doesnt get those irritating scrolls at the bottom..i mean horizontal and vertical sdcrolls...

2) Are there any scripts taht people use so that the page looks ok on diff settings?

Any help will be appreciated!

8:48 am on Aug 2, 2004 (gmt 0)

Administrator from JP 

WebmasterWorld Administrator bill is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Oct 12, 2000
posts:15157
votes: 170


The keywords you want to search for are "liquid design" or "fluid design". We've had a number of threads here about this topic.

The basic concept is to design your page layout with percentages so that regardless of your visitor's screen resolution they will get the site sized to their screen. You have to remember that what looks good on your screen may not look good on others. Your 800x600 design may not look great on my 2560x1024 screen.

1:30 pm on Aug 2, 2004 (gmt 0)

Junior Member

10+ Year Member

joined:Jan 20, 2003
posts:46
votes: 0


The bad thing about designing in a fluid design or percentages is that the page will spread and make your text too wide, for my taste anyway. I try to design a template that is centered and about 755px wide. You can also design two sites with js to determine witch resolution they are using. More work though.
10:41 pm on Aug 4, 2004 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Feb 6, 2003
posts:661
votes: 0


The text needn't spread too wide. It's all a question of how you design your page. Width of text in large windows is a consideration that you have to take into account.

Useful here is the maxwidth rule in CSS. This is not implemented in IE, but you can find a workaround in a certain site we aren't allowed to mention.... (so shhhh!)

10:52 pm on Aug 4, 2004 (gmt 0)

Senior Member

WebmasterWorld Senior Member tedster is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:May 26, 2000
posts:37301
votes: 0


The max-width work-around for IE is not some kind of proprietary secret - we've got several threads about it here. For example:

[webmasterworld.com...]

It's based on the fact that IE supports expression() in the CSS file [webmasterworld.com]. I score that as one point for Microsoft - and I'd love to see it become part of the standard.

10:57 pm on Aug 4, 2004 (gmt 0)

Senior Member

WebmasterWorld Senior Member tedster is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:May 26, 2000
posts:37301
votes: 0


I'd also like to point out that the initial question was how to do this with Frontpage and Dreaweaver. Check out our WYSIWYG Editors forum [webmasterworld.com] for specific information on using those two editors.