I am trying to get my web site to fit the 800 x 600 screen resolution. I am hoping I have attached a screen shot is this where I should enter 800 x 600 in the W and H? So that it fits in anyones screen?

thanks

I would think that this needs to be one of the first things you do when you design the page - design for the screen resolution. You can not really build the site and then shrink it to fit if you know what I mean.

You MAY want to create a table that is 760 px wide and floating for height. This would ensure that those with 800w monitor settings can see the site.

Once you have the "exterior" table, you can place all of the content within - including other tables.

Of course, tables should not really be used for layout, but all of my sites use this. The proper way to do the layout is with CSS - which I need to learn myself.

It's hard to see from your screenshot what you would be applying the width and height to, but most likely you'll have a width and height box like you show.

What you would want is to set the outermost containing element in your design to a width of 760px (You can probably go as 780px safely, but no more). That outermost container will probably be a table since you're using DreamWeaver, but it could also be a <div> if your using css to layout the site.

You shouldn't need to worry about the height at all unless you specifically want it to be less than the window height for your design.

Do it w/o tables
Here are some excellent books on going table-less:
Build*Your*Own Web*Site The*Right*Way Using*HTML*&*CSS - SitePoint Books

HTML*Utopia: Designing*Without*Tables Using*CSS, 2nd*Edition - SitePoint Books

Can you post a screenshot of your webpage editor so we can see what it is and the page you're creating?

I have a similar problem. Can you please see why I am still getting a scroll bar when I view mysite under 800X 600? I am lost of ideas :-(

Regards
iON Admin

Indian.. I don't see any horizontal scroll bar at 800x600, neither in IE or FF.

Hi

Thanks everyone. I would put other screen shots but they are too large to be uploaded!

I am using Macromedia Dreamweaver 8
I think I know where I was going wrong - when I opened a New page I click on View > Table Mode then I go to Insert > Layout Objects then I clicked on Layout Cell rather than Layout table. This is my test page below:

Untitled Document

But I just checked it on my partners screen set to 800 x 600 and it's still allover to the righthand side.

What the heck am I doing wrong?

Thanks

I see that your main containing table is set to have a width of 1043px. It then contains 2 columns with the left column being set to 263px and the right column set to 780px.

That's where your problem is. You've basically set up your table structure to push the table cell with all your content 263px to the right. It works ok for browsers with higher resolution, but at 800x600 your content is still pushed 263px to the right.

The easiest thing you can do is remove the outer containing table and make the table with your content the outermost one instead. Then if you wrap <center></center> tags around your new outer table your content should be centered in the browser window. I would think DreamWeaver will have an option to center your table and add the code for you, but it's been awhile since I've used the program.

It's not the best solution, though. I think the best solution would involve using css to layout the page instead of tables, but it should be the quickest and easiest solution.

Try out div tag

This is actually very simple - all you do is set your widths to percentages instead of pixels. If you set your page-width to 100%, and then, say, a table on that page to 90% width, then it will comfortably fit into anyone's screen, regardless of their resoultion.

Hi

Thank you all for your answers.

I have made some changes and I think!!! that it's right now
Untitled Document
tell me if I'm wrong.

Actually it still isn't right - back to the drawing board

if you want the page to display at 800x600 you need to make the width of table less than the 945px it's at now. Keep it below 780px at the most. It's not necessary to leave empty columns to center the page. Go ahead and make the space with the content 780px wide. There are some easy ways to center thngs once you get the width smaller.

If you only intend to have one column filled with content you really don't need a table at all. If the page is just going to be a heading with all the paragraphs I would suggest something like:

<body>
<div>
<h1></h1>
<p></p>
<p></p>
<p></p>
</div>
</body>

Thats' very easy and it will also be easy to add a little css to center the page in the browser window and to style the text.

man, just create a table with the witdh set to what 800 px is what you want? so set the WIDTH (W) to 800 PX and center it then open a Table Row tag and put your content then close all of your tags and the table and thats it...

<table width="800" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>YOUR CONTENT HERE</td>
</tr>
</table>

If you need columns make them inside the table ... you are using dreamweaver it should be easy to follow. If you cant post your questions...

good luck

Thank you thank you, I finally understand - you are all brilliant.

Like I said I think I got it

Untitled Document

thank you

I have another question
How would I get a border around this site - Untitled Document
I have pasted the code below but where do I add a border to it?

Can I just add <border="2px">

Or...

<body>
<table width="800" align="center" border="0" cellpadding="0" cellspacing="0">

<tr>
<td width="202" height="45">&nbsp;</td>
<td width="613">&nbsp;</td>
<td width="106">&nbsp;</td>
<td width="24">&nbsp;</td>
</tr>
<tr>

Depends on where you want to add the border. The way you have the page coded now adding a border to the table will place that border around everyting including the empty table cells you have. You really don't need to use those empty cells either.

The way I would add the border would be to give the table cell containing your content an id and then use css to style that cell

td#yourID {border:1px solid red}

or whatever color you want to use. I would still set the whole page up using css especially if you're only going to have one column.

Hope that helps.

Originally Posted by LadynRed

Do it w/o tables
Here are some excellent books on going table-less:
Build*Your*Own Web*Site The*Right*Way Using*HTML*&*CSS - SitePoint Books

HTML*Utopia: Designing*Without*Tables Using*CSS, 2nd*Edition - SitePoint Books

*bump*...

I hope he gets this message...