Need to remove mystery spacing

[baatkin]

Please look at the following:

http://remarkable-leadership.com/

In Opera, Flock, FireFox and Netscape (WIN), no problems.

In IE, there is a little space between the header tabs and the two vertical lines on each side framing the page.

I want to remove the space.

Any ideas?

Thanks.

Brett

[Nadia P]

The first thing to do would be to add a doctype to your page - this may help explain things: http://www.alistapart.com/articles/doctype/

Then validate your pages at http://www.w3.org/ for both html and css and see where your page is at.

Currently due to no doctype, IE is in quirks mode and should be the first thing that is corrected to see how your page then renders in other browsers with this addition.

Nadia

[Dan Schulz]

The links to the validators are http://validator.w3.org for (X)HTML and http://jigsaw.w3.org/css-validator/ for CSS.

Unfortunately, just slapping a DOCTYPE on this won't be enough. You're going to have to re-learn how to design and code Web sites. A lot of the elements and attributes you have in your code have been depreciated (flagged for eventual removal) and should be avoided.

HTML, XHTML and CSS Visual Quickstart Guide, 6th Edition by Elizabeth Castro or Build Your Own Web Site The Right Way Using HTML & CSS by Ian Lloyd (Sitepoint Press) in conjunction with Designing With Web Standards, 2nd Edition by Jeffery Zeldman will bring you up to speed in no time.

[Nadia P]

Unfortunately, just slapping a DOCTYPE on this won't be enough. You're going to have to re-learn how to design and code Web sites. A lot of the elements and attributes you have in your code have been depreciated (flagged for eventual removal) and should be avoided.

That's very true, but adding a doc type may reveal the actual problem of the spacing :-) the depreciated code used for styling can easily be moved to the stylesheet.

But you are correct, spending time with a few tutorials / books wouldn't go astray either !

Nadia