I’d suggest you at least post a link to the page in question or else no one can find out where it has gone wrong.
J,
Well it is effecting 50+ sites, whatever it is. I figure it is another one of those “MicroSoft knows best” upgrades, but here is a sight you can look at:
http://ebmseo.com/
Compare in all 3 Browsers, FF, Safari, MSIE and see that only IE has the problem.
Could also be a CSS thing, since IE handles CSS different. The sites I have with darker backgrounds do not have the same issues, such as:
http://abcdcorp.com/
I was going to debug with Firebug, but for some reason it is refusing to load on my browser, since I had to reset it about a month back due to errors on the newest FF release.
TBNK
It’s the z-index bug in IE7. I don’t know the fix so you’ll have to Google that or wait for others to reply.
It would be a little unfair to single out Explorer here as of two regular forums I visit one is fully visible in Firefox but not in Opera whilst the other is, yes you’ve guessed it, fully visible in Opera but not Firefox. Both work in IE.
The site renders in IE7 mode by default which hides the main content due to the z-index bug. The content does appear, though still broken, in IE8 mode but requires the user to change mode manually so I wouldn’t say it works in IE.
And indeed it doesn’t work in Opera.
Joseph,
Is the IE7 z-index CSS specific?
I would assume so as probably assigned to the translucient background image, which appears to be not taking right “layer” assigment in IE and thus overwriting the text layer for IE.
Thanks for the hint!! Working Google for a fix!!
Thanks again!
OMR
All,
Finally got Firebug installed and started working the “z-index” settings.
Suggestion, from online sources, was to separate values by at least “10”, so did that. Nothing changes. Noticed my CSS for the active template has many negative numbers, and thinking maybe that is source of the problem? Does MSIE handle the negative or does it change them to absolutes?
Anyway the changes are not having any effect, but did have a couple changes that I had to go back to and clear.
Where I think the problem is, is in the two blocks of:
body
{
z-index: 0;
margin: 0 auto;
padding: 0;
background-color: #FFFFFF;
background-image: url('images/Page-BgTexture.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: bottom center;
}
and
.art-contentLayout
{
z-index: 300;
position: relative;
margin-bottom: 6px;
width: 786px;
}
.art-Block
{
position:relative;
z-index: 200;
margin:0 auto;
min-width:1px;
min-height:1px;
}
.art-Block-body
{
position: relative;
z-index: 110;
padding: 0px;
}
Where “body” contains the background image and the other contains the text that is showing in FF and not in MSIE.
Let me know what you think!
Thanks!
TBNK
