Topic: IE graphic over-hang

http://www.conceited-smile.co.uk/layout/

If you look at my navigation box, In Firefox its all well aligned, yet in IE the top graphic over-laps the box, I've been playing around for days with this and can't find the error, why does it over-hang in IE other than IE sucks?

Clicking this link.. will help me in my game....

Honestly, there is way too much going on with those tables to really dig into what might be causing the problem. There is nothing here that justifies using tables for layout - get rid of them, use proper semantic markup, and you'll probably rid yourself of the problem.

First of all there's not even an HTML or a BODY tag. How on earth do you expect your page to work properly not to mention working on various platforms ? Then as DL-44 said, tables for layout is stupid.

Any documents on making the transistion from tables to css?

without the pro-non-table-layouts fluff?

Clicking this link.. will help me in my game....

It's just a matter of using the right tags for the right content. In über short :

• if you want to to have a header, use the H1, H2 .... H6 tags
• if you want a list of simple things ( like a list a links aka a navigation ) use the UL and LI tags
• if several blurbs of content belong to the same section, wrap them in a DIV
• ...

It's that easy.

Then for the CSS, I know I'm a coder, but I've found nothing better than the CSS 2.1 specifications ( also available in PDF ).



(Edited by poi on 02-19-2006 23:19)

Be sure to start with a good doctype declaration, too - your current one is gimpy.

http://www.w3.org/QA/2002/04/valid-dtd-list.html#DTD