HTML Forum

**Tecride** · 02-24-2009, 12:56 PM

Hello all-

Let me start out for apologizing for my lack of knowledge here...I'm about as newbie as they come. I partially designed my site with Dreamweaver but started with a template from my host company..just changing some of the graphics to suite my needs. Looks fine in FF but everything is shifted to right in IE. also in IE there is a white space in Middle of page that appears as I add more information to the site (make the page longer in length). FF again shows a correct display of this. Sorry again for my lack of knowledge, (and for statring with a template) I'm reading as much as I can to learn.

the site is http://www.teldatallc.com

Any help would be greatly appreciated.

**BernardS** · 02-24-2009, 01:33 PM

Had a quick look at your site. For a newbie, you are obviously not shy of the Java.
I am no expert myself but I immediately noticed the <center> tag BEFORE <body>. This can't be right.
Have you tried online validation of your code? I use this:
http://www.htmlhelp.com/

**LadynRed** · 02-24-2009, 02:35 PM

The <center> tag is in the wrong place, it must be INSIDE the <body> tag, but you shouldn't be using it anyway, it's been deprecated.
You also should get away from using tables for layout, and since you're just starting, now is the time to learn to build sites the right way -w/o tables for layout.

Validating your code is a start, but I fear you have more problems there than a misplaced <center> tag.

**Tecride** · 02-24-2009, 02:55 PM

Thanks Lady and Bernard -

I tried Validating the code and your right, there are many errors..I guess I'll try to work through all of it. Almost looks like I'd be better off starting from scratch so I can understand it all better and try without the tables. I just liked the layout and was happy and satisfied with how it looked on FF...was hoping for an easy fix.

**Tecride** · 02-25-2009, 12:25 AM

I went through all of the validation and cleaned up all of the html just for fun. I've narrowed down the one problem and I don't really understand this:

Line 70, character 65: ... 0%" width="10"><table height="100%" width="10" border="0" ce ...
^ Error: there is no attribute height for this element (in this HTML version)
Line 212, character 24: <td background="without_fl/HTML/images/17new_sub-men ...
^ Error: there is no attribute background for this element (in this HTML version)
Line 236, character 7: </html>
^ Error: end tag for body omitted; end tags are required in XML for non-empty elements; empty elements require an end tag or the start tag must end with />
Line 42, character 1: <body>
^ start tag was here

When I change the height from 100% to "0" FF will display the page incorrectly...the same way IE does, with a blank space towards the end of document. I will probably just re-do the site tomorrow but just wanted to make this work and figure out the problem for my own benefit.

**LadynRed** · 02-25-2009, 09:24 AM

You are using an XHTML Transitional doctype. Those attributes are NOT VALID for that doctype because those attributes belong in your CSS, NOT in your HTML. If you want to be rid of the errors, change your DOCTYPE to at least HTML 4.01 Strict.

The ending </body> tag is indeed missing, it should appear right before the </html> tag.

Also in XHTML, you MUST close ALL tags.

**Tecride** · 02-25-2009, 07:49 PM

O.K. That makes sense...I added the </body> tag and changed the doctype like you said. It cleans up the validation errors and changes a few things in my layout but I think I can work through that stuff...will work on trying to rebuild this without tables.

Thanks again LadynRed

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!