IE7 Is Killing Me!

[bfields]

I'm a newbie and I just discovered that 4 of my websites, all of which are WordPress based, have their entrypages not appearing correctly when using IE7.

On all 4 of them, the background color is bleeding into the Main Panel background so that you can't read the copy very well.

On one of them I had created a table in which to place my main copy with a jpg and IE7 is listing every word in that table vertically, one word at a time.

All these sites seem to work well in Firefox,Chrome,Mozilla, and IE8. I don't know where else I would find them problematic.

I will list these four sites and would really appreciate it if someone could guide me to the land of light with these. Untold amounts of thanks follow!!!

These pages are created as regular html pages and reside in the home directories of these sites. I am using the Niche Profit Press V2 plug in to locate the page and to access it's CSS Stylesheet (where I can select background color, etc.) Hope this helps.

Bruce

Herb Garden Information
Infertility Information [The Site With The Table]
Model Train Information. Welcome to STMT!
Panic Attacks Information

[Sirago]

Well, the programming on the site looks a little screwy. One problem I found is:

&nbsp;<big style="color: rgb(255, 0, 0);"><big>
<span style="color: rgb(204, 0, 0);">In Our <span style="color: rgb(11, 0, 0);">FREE
Mini-Course</span>, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; You'll Learn:</span>

try making that:

<div>
In Our
<span style="color: rgb(11, 0, 0);">FREE Mini-Course</span>, <br />
You'll Learn:</span>
</div>

It looks like you made it in some WYSIWYG editor that did a bad job of translating it into HTML... it needs some cleaning up.

[AceHazel]

Yeah, sometimes, IE really has issues. I prefer to use firefox or chrome. Sometimes, wordpress sites has no problems when opened using chrome or firefox but with IE, it really sucks sometimes. And I hate it.

[bfields]

I tried your suggestion. Perhaps I missed the correct start point but it only ran amuck with my type sizes. I don't know how to approach this issue. I can't be the only one, apparently, who is made to suffer by Microsoft sloppiness. But I'm not trained to solve this and need to find an answer. Thanks for your help. All is greatly appreciated.

Bruce

[bfields]

Working into the night I wa able to figure out that the problem most likely lays within the CSS Stylesheet provided in the plug-in and which directs the optinpage in question.

I found that by adding some code, specifically div {overflow:hidden;}
before the </body>, most of the serious issues are avoided.
IE7 still screws up the design, but I'm at a loss how to correct that.

Bruce

[e.calabio]

Isn't that going to be the web visitor's problem? Most people now use Firefox, Chrome or other new browsers anyway. IE can be really frustrating.

[Okane]

Originally Posted by e.calabio

Isn't that going to be the web visitor's problem? Most people now use Firefox, Chrome or other new browsers anyway. IE can be really frustrating.

Just looking at my own Google Analytics stats, I see that ~30% of all my visitors use IE7 (or below). I prefer getting my HTML correct rather than have them leaving my site.


Marc

[CliveG]

Originally Posted by e.calabio

... Most people now use Firefox, Chrome or other new browsers anyway. IE can be really frustrating.

Although frustrating, you have to continue to cater for older browser versions if you are to avoid losing a good number of potential customers. And IE7 is not that old. If you have a look at your web site logs you will see a significent proportion of visitors still use it.

A solution that some people use is to determine the browser that a visitor is using and serve up web pages to suit them.

[koolphoto]

Change your theme. Even though the theme works in IE8,Firefox, Chrome they don't seem to be backward computable with earlier versions of ie. This has been a huge headache for many designers who use css which is the standard today, especially for Wordpress.

IE7 and earlier have css compatibility issues compared to Firefox, Chrome, and even Safari.

In a nutshell you have to fix the css code to make it compatible for ie7 and even ie6, then create a separate stylesheet for IE7 and IE6. Finally, add that stylesheet to the header to be used in place of the main stylesheet that is currently being used when it detects an earlier version of IE.

More trouble then it is worth, if you don't know how to do css styling.

I would just look for a different theme. This wold be the easiest solution. Or, if you are a diehard, go to the WSO or Warriors for hire and pay someone to fix the theme.

[Ron Razor]

Yeah, IE7 gives me a lot of problems as well. I hate having to check my site in every browser after I make a change. IE7 is the worst, why can there not just be on standard.

[bfields]

Some great remarks. Special thanks to koolphoto for the suggestion of finding someone to write me some css stylesheets. It's not that I'm a diehard, as such. It's that I have several sites based on a particular WP theme and I can't change it without totally altering a lot of data. Much too big a job and the theme is actually very cool for the most part. Nothing is perfect,

But I don't want to miss possible sales so I think the best solution for me will be to find someone to write those sheets.

Great idea.

Bruce

[Paul Lear]

It might be worth having some sort of message on your sites then, something like

"This site is best viewed in firefox"

That's what I would do anyway, hope that helps?

Paul.

P.S

Your herb garden site has some code left in the background at the top of the page, you might want to clean that up.