Viewing Issues

Deaol · 08-22-2007, 08:43 AM

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 · 09-02-2007, 01:53 PM

HTML Code:

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

HTML Code:

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.

08-22-2007, 08:43 AM	#1 (permalink)
Deaol . .. deaol.com .. . Join Date: Nov 2006 Location: Desolation Snd, B.C. Posts: 2,095 15.25 NP$ (Donate)	Viewing Issues 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

09-02-2007, 01:53 PM	#2 (permalink)
DylanButler NamePros Regular Join Date: Jan 2006 Location: San Diego, CA Posts: 704 0.00 NP$ (Donate)	HTML Code: 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 HTML Code: 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. __________________ :great: -Dylan Butler EXAMP - San Diego Web Design Last edited by DylanButler; 09-02-2007 at 01:58 PM.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)