centred table not touching the top of the screen?

acrobat · #1 (**permalink**) Apr 10th, 2007, 03:23

Hi everyone, I just registered here. I hope this is the right website, and if so, this is the right section.

Anyway, I have made a simple website in Frontpage, and it uses a bunch of layers. I decided I want the entire site to be centred so that when the browser screen is made smaller, the page moves and stays in the middle. And also so that whatever resolution a person uses, the page will always be in the middle.

So I made a table with 3 columns and set the percentages to 10%/80%/10%, and that worked exactly how I wanted it to. But one problem was that the top of the table, was not touching the very top of the browser screen. It used to be right at the very top when I just had it in a layer - because you can specify a layer's position on a page exactly. But when all the layers are held within the table to keep it centred, I can't figure out how to get it right to the top. Its about a 20 pixel gap from the top of the table to the edge of the browser screen, so I just need to figure out how to get rid of that. There is no borders in the table or anything, so I'm stumped.

Anyone able to help me with that?

p.s. The table code is just this:

Code: Select all

<table border="1" width="100%" cellspacing="1" height="100%" top=0px id="table1">

I tried adding "top=0px" to the that line, but it didn't seem to do anything.

The code for the entire page looks like this:

Code: Select all

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>
<body>
<table border="1" width="100%" cellspacing="1" height="100%" top=0px id="table1">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</body>
</html>

I just need to cut and paste my website layers into the centre cell of the table, and then change the page title and stuff. But I need to figure out this table part first, otherwise I will have to do it some other way, or leave it left aligned.

msmrisly · #2 (**permalink**) Apr 10th, 2007, 07:11

Hi

I think your page marging is till not given, go modify>page properties and then put "0" for top margin in the text box. try it

. good luck!

Rizly

karinne · #3 (**permalink**) Apr 10th, 2007, 13:11

Browsers have default padding/margins. Add

Code: Select all

<style type="text/css">
html, body { margin: 0; padding 0; }
</style>

In the <head> ... </head> of your html document.

acrobat · #4 (**permalink**) Apr 10th, 2007, 13:31

That works perfectly, thank you so much

I was reading other parts of this website, and it made me realise how simple my question was compared to other stuff here :O So I was confident you guys would have no problem helping me

I'm really happy though, I have tried getting help on this from a few people and they all kept BS'ing me.. I was sure there would be a simple solution, and it looks like I came to the right place to get it

Thanks again everyone.

Ryan Fait · #5 (**permalink**) Apr 10th, 2007, 13:49

When you're ready to learn real web design, throw FrontPage in the trash and come knocking

pa007 · #6 (**permalink**) Apr 10th, 2007, 13:50

If you are using tables for layout, you might want thinking about ditching them in favour of a css driven design. It'll clean your html up, be far better for search engine rankings, and be so much easier to tweak and play around with design-wise.

Check karinnes signature for some top resources.

Pete.

acrobat · #7 (**permalink**) Apr 11th, 2007, 15:35

Thank you everyone

My friend was actually telling me that the site will be poorly treated by search engines because I use tables and layers. He said I should use CSS layouts too. Unfortunately I have no idea how that works, and I don't really have the time to learn. I need to publish this site in the next day or two.

I will learn it soon as possible, and then hopefully I can re-make the site.

In the meantime, is this site going to be ruined in terms of being found by search engines?

pa007 · #8 (**permalink**) Apr 11th, 2007, 15:40

I don't think ruined is the word but you will be at a big disadvantage. If the site has to go live then it has to go live. But try and get it redone without the use of tables for layout. When building websites it is always important to remember that search engines only serach the first few hundred words so the leaner your markup is the better it will do in search rankings. It's important also to use headings (h1, h2, etc.) and other meaningful elements (such as the <address> element for contact details).

Pete.

acrobat · #9 (**permalink**) Apr 11th, 2007, 16:41

Thank you

I've got key words in the headings and the address bar so hopefully that will help. I think probably next week I will probably have to re-do it again without the tables and layers though like you said. I looked at the links in karinne's sig and they look really helpful, so I'm sure that will get me going with CSS layouts

Ryan Fait · #10 (**permalink**) Apr 14th, 2007, 00:05

You really won't be at that much of a disadvantage in the short term. New sites will never climb the ladder quickly unless they're catering to a niche market. Having a poor site up early is far better than nothing; time means a lot in SE's. Update it as soon as you can, however.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Making centred div hug content	mikeym	Web Page Design	13	Dec 11th, 2007 22:23
Nice touching story to share	Monie	Webforumz Cafe	2	Jul 26th, 2007 07:13
div wrap height centred	jillcary	Web Page Design	1	Jul 24th, 2007 16:05
Make Table/Image Flush to side of screen?	Kimochi	Web Page Design	5	Mar 11th, 2007 02:48
place following divs in one page centred div	antonyx	Web Page Design	12	Dec 30th, 2005 21:00

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
centred table not touching the top of the screen?