IE 6/7 Layout Problems

Freeway
1

I’m working on a new site and some of the pages with multiple inline html boxes do not render correctly in IE.

This page is broken http://consiliumstrategy.com/lifeplan.html

Here’s how it renders in NetRenderer
http://ipinfo.info/netrenderer/index.php?browser=ie7&url=http://consiliumstrategy.com/lifeplan.html

Here’s a page that renders correctly
http://consiliumstrategy.com/testimonials.html

Is the CSS menu on the left side the culprit or is there something else causing this

Cheers

Marcel

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

I’m no CSS expert like the guys at Softpress but my trusty web developer’s tool in Firefox revealed a slight anomaly. At the bottom of the page there is a GIF spacer, which is set to float left, called _clear.gif, which is styled to be 1pixel deep. However it appears to have a width of -130, which might be causing the problem. The line of code is below:

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

3

Just spotted something else: did you intend to use Strict XHTML? The developer I work with had all sorts of problems recently with a site rendering incorrectly in IE (and other browsers, to be fair) and subsequently solved everything by re-publishing the page in Transitional XHTML.

It’s just a thought.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

4

I have tried transitional XHTML - same problem.

When I change it to HTML 401 Transitional it renders fine

I will check out the clear.gif issue

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

5

Isn’t clear.gif files created when “Reinforce Table Layout” is checked in the “Document Setup?”

Perhaps un-checking that and checking for layout inconsistencies might be an option.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

6

If you look at the code it is now showing as 1px

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options