pages garbled on IE

[kgovett]

All of a sudden my customers are telling me that my pages are unreadable on IE8 - they seem to come up clear and proper on Firefox

Is this an issue with my webserver or something wrong with my templates?

I believe they used to work although I don't use Explorer so it was only customers telling me I had a problem until I looked using it myself.

I'm a newby, using 1.3.8a can someone guide me please?

http://www.canadianllama.com

Server Host: box475.bluehost.com (74.220.219.75) Database Host: localhost (127.0.0.1)
Server OS: Linux 2.6.28-10.40.intel.IGB.BHsmp Database: MySQL 5.1.46-log
Server Date: 05/28/2010 16:46:03 Database Date: 05/28/2010 16:46:03
Server Up Time: 16:46:03 up 3 days, 1:41, 1 user, load average: 21.45, 14.50, 14.08 HTTP Server: Apache/2.2.15 (CentOS) mod_ssl/2.2.15 0.9.8l DAV/2 mod_auth_passthrough/2.1 FrontPage/5.0.2.2635
PHP Version: 5.2.13 (Zend: 2.2.0) PHP Memory Limit: 64M PHP Safe Mode: Off
PHP File Uploads: On Max Size: 10M POST Max Size: 10M
Database Data Size: 6,371 kB Database Index Size: 1,388 kB

[frank18]

That appears to be an IE stylesheet issue.

Did you accidentally delete/modify the IE specific css?

[kgovett]

Thank you Frank for your response

what is that IE specific css file named....?

I see a lot of stylesheet.css files in the site but none have
IE in their titles - is that specific instruction in one or more of the content of the files?

appreciate your help

Kent

[frank18]

It appears that you are using the Classic template which comes with an original install. That template does not have an IE stylesheet but it contains a few lines dealing with stupid IE bugs.

One of those lines is this one:

/* Might uncomment either or both of these if having problems with IE peekaboo bug:
h1, h2, h3, h4, h5, h6, p {
position: relative;
}
*html .centerColumn {
height: 1%;
}
*/

I am not a stylesheet expert by any means but you may want to try and change the above code to:

/* Might uncomment either or both of these if having problems with IE peekaboo bug:*/
h1, h2, h3, h4, h5, h6, p {
position: relative;
}
/*html .centerColumn {
height: 1%;
}
*/

Then open your page in IE8 and see if that has changed anything.

No guarantee, Kent

Someone with more stylesheet knowledge may be able to throw a light on your issue.

Frank

[stevesh]

I'd guess it's because the h1 tag in your tagline isn't closed, so all your text is rendered at that size. Firefox is intelligent enough to know what you meant to do - IE, not so much.

[kgovett]

Thank you Frank for the suggestion, appreciate it

Tried the fix but did not help however one from Steve
regarding the open h1 tag (when I finally found it!) did.

wow - all it takes is a missing "/" in a <h1> at the end of the
string to read </h1> and then all is OK.....

Thanks both of you for your interest and sharing your knowledge

Kent

[frank18]

....wow - all it takes is a missing "/" in a <h1> at the end of the string to read </h1> and then all is OK.....

That's the 'magic' of html Good to hear that you got it sorted