I'm not seeing this in IE7.
For what it's worth, z-index only affects positioned elements. There would be no benefit to specifying it for a static item as you have.
really? the images (on all pages) aren't overlapping the text? having the site reviewed with corporate, and they're sending me screenshots with IE7 windows with images floating right, overlapping content/text.
would the removal of z-index cure this? hard to say if you're not seeing it, but they are.. they've confirmed they've cleared cache.
Open your site in Firefox again. Hit Ctrl+++ (zoom, text only). See what happens?
Your client may have an older display and/or non-standard browser settings.
Obviously, your layout is too rigid. You'll need to make it more flexible by removing height values from containers with text in them.
too rigid is a subjective comment, as well as somewhat off-topic, and i'm not sure how height to the containers are factors (but thank you for your input)... rather than make 1,435 div styles for each page, i would re-use the same div containers, and give them height parameters.
too rigid is a subjective comment, as well as somewhat off-topic,
No it isn't and no it isn't. It is related to your stated problem. Many people use large or extra-large text so they can see better.
See my screenshot from FF 3.6 -
Height is a very real restriction in every modern web browser except IE which treats it as min-height. The work around is to not use height values at all. If necessary to reveal a background image, use min-height.
As for IE7, I'm not seeing the problem. But I suspect your client may have non-standard browser settings.
Hope this helps,
For what it's worth, Nancy is bang on topic with all of her comments. Height of containers is dangerous to use unless you are expert at predicting what that will cause to happen.
By all means, I am not questioning Nancy (nor yours) credibility. In fact, I give you both the most praise for your attention to detail.
However, i'm a stickler for context.. and in this case, it's out of context. the issue at hand is a text wrap issue with the imagery.. if the font was 8pt or 800pt, the fact that it seems to be sliding underneath the photo make it seem the wrap is totally nulled.
However, with Nancy's attention to detail, she brought up another issue, with text increase in height how it runs off. the screen shot is a bit over dramatic, but it proves a valid point.
While i need to address the height issue at a later time, what is the rule for image wraps (padding) with content? I want to establish a proper methodology. I was self taught on tables 15 yrs ago and made the transition to DIV about 3, same thing, self taught, don't really have my skillset in an orthodox manner.
While i need to address the height issue at a later time, what is the rule for image wraps (padding) with content?
I'm not sure I understand what you are looking for. But it sounds to me as if you are asking about floating and how one manages it. I suggest you have a read here -