How to optimise your webpage for all browser settings

screen settings should not be effected?

[contentmaster]

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!

[bill]

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.

[WebMan61]

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.

[TheDoctor]

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!)

[tedster]

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.

[tedster]

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.