I'm at a loss to resolve a tough rendering problem. The only one seeing it (that I'm aware of) is the client, on two computers with IE7.0.5730.13).

I've run the URL through Litmus App rendering tests and some other rendering programs and can’t find the cause. On one computer the navigation text under the header doesn't appear at all and the left side moves to the left. On the other (screenshot attached) the top horizontal navigation text doesn't show completely, appearing pushed down below its normal center position. The left sidebar is also missing some items.

I have not been able to reproduce the problem on any other computer.

If anyone can help me narrow this down-CSS? Java Script? IE settings? I'd b extremely grateful.

Recommended Answers

All 4 Replies


How did you size and position the elements?

Are the screen resolutions different on the suspect computers, compared to the computers the page works on?

Thanks very much for getting back to me. I'm not sure exactly what you mean about the elements-we used relative positions and div's.. I've attached the CSS and the header.php file if this will help with the path you're thinking about.

I don't know the monitor resolutions of the offending computers but will try to find out.
Please let me know if this is helpful.

I see several problems:

1. Defining sizes in pixels does NOT work with various screen resolutions. It is an absolute form of rendering.

2. Em is not defined when the body tag is executed, so something can't be referenced to an em in the body tag style.

Hi MidiMagic.
The problem was caused by the EM as you suggested. Thanks so much. Around here you're considered a hero.
Thanks again!

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.