Viewing Issues

[Deaol]

I am looking for someone to help me with a quick fix, my site views fine via Firefox/Opera but displays funky on IE. (http://an.geli.ca) The top menu is displaying oddly (at first it displayed fine, but now that articles have been submited it started shifting) This issue is ONLY with internet explorer, I viewed it with 6 and 7.

if anyone could help with fixing this issue it would be greatly appreciated (could toss some np$. rep or whatever)

Thanks in advance!

- Deaol

 

[DylanButler]

td.center { padding: 20px 40px 20px 20px; width: 100%; }

Is more than likely one culprit of this issue. I would focus on elements that have both a width/padding applied to them.

I bet changing that code to

td.center { padding: 20px 40px 20px 20px; width: 100%; *width:80% /*for IE7*/ }
* html td.center { width:80%; } /*for IE5-6*/

Should fix it.

This happens a lot with tables especially, which is why you don't want to use tables for layout structure usually.

This is somewhat related to a box model bug (in IE5.5) and you can read more about that and the fix "tantek hack" here:
http://tantek.com/CSS/Examples/boxmodelhack.html

Edit: This is a better explanation of what's going on, although you may not be able to solve this one by wrapping your td in a div like they did below (because you are applying this stuff to a td, not a table).

http://archivist.incutio.com/viewlist/css-discuss/34430

If my fix doesn't work, I would next validate the code (i notice youve got over 300 errors) and change your doctype to transitional. IE is running in quirks mode right now due to the white space at the top of your document.