code for page size

[lisa33]

Hey everyone I was wondering if there is a code I need to write to have my pages display the same in every web browser such as something that would tell my pages to "fit to screen" or something. Like I mentioned in another post of mine I have 2 pcs, one a lap top and one a desk top and I also have a mac. I am running windows xp on both pcs using internet explorer and I am using safari on my mac. Now on my laptop my pages appear too small showing white on the bottom and on the right hand side anyone who has access to a laptop can click here "sample of page" (http://www.greatestassever.com/preview.html) I dont understand why this is being that they are both running windows xp. Any help would be greatley appreciated!!! Thank you

[Ascendancy]

So your saying you want to run a website that will fit every size of a screen, like 800x600 and 1024x768, but will fit both of them perfectly?

[arttel]

Use percentages instead of pixels. It is sometmes easier to fix the navbar and title size but use percents for the body. It will give you a greater range e.g. arttel.co.nz

[Ascendancy]

I don't think you can fit it to every single window size perfectly, though...

[Centauri]

While ever you use absolutely positioned divs without setting background colour or graphic to the page body, you will get this effect. Would strongly suggest dropping the absolute positioning (ie DON'T use Dreamweaver's "layers" in design view) and think logical grouping, building up from the body instead of the other way round. If you had a pixel-wide gradient background on the body, and a container div NOT absolutely positioned, with margin-left and margin-right set to auto, the page will start to look better regardless of resolution.

Also suggest getting rid of the tables and spans in the menu bar - this can be done much easier with an unordered list.

Best advice I can give anyone using Dreamweaver (I use it myself) is to learn more about the coding, and spend more time looking at the code view rather than relying on design view.

Cheers
Graeme

[lisa33]

Use percentages instead of pixels. It is sometmes easier to fix the navbar and title size but use percents for the body. It will give you a greater range e.g. arttel.co.nz


Hi Arttel you said to use percentages instead of pixels....how would I do that? And also since all my pages are already done would I still be able to do this? Thank you for your help!

[arttel]

In Deamweaver use layers and define sizes as percentages instead of pixels, you get the choice in the propeties section. I have found that defining the height in pixels but the width in percentages. Sometimes it is easier to define a left hand navbar and title as pixels and just use the percentages for the main body, experiment to find what works for you. If you mix pixel and percentage widths you will get overlaps in very small screens resolutions.

The body layer could be for example L20% R90% H800px T10%