R – IE8 in IE7-compatibility mode with extended CSS support

cross-browserinternet-explorer-7internet-explorer-8

When IE8 is in IE7-compatibility mode it behabes like IE7 in quirks mode, which means there is no support for the new CSS features that IE7 supports (e.g. object selectors –child selectors, adjacent selectors, etc..).

How can I make IE8 to emulate IE7's standard mode rather than quirks mode??

Note:
The purpose of this is not to find out how will my page look under IE7. I have VMs with all major browser versions, so that's not a problem.
What I want is to make IE8 to interpret my pages in IE7-compatibility mode since they work well in the actual IE7's standard mode but they dont work well on IE8's standard mode nor IE8's quirks mode.

Best Answer

Use the IE8 Debug Toolbar to change document mode.

Hit F12 key to bring up IE Debug Toolbar.
Change Browser Mode to IE 7.
Change Document Mode to Internet Explorer 7 Standards.

This should give you what you're looking for.

Related Solutions

Force IE8 Into IE7 Compatiblity Mode

If you add this to your meta tags:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

IE8 will render the page like IE7.

Css – IE7: How to make TD float

I don't think this is possible the way you want.

When you apply the float to td elements [in FF/IE8[ they become anonymous table objects as per the CSS 2.1 spec. Essentially, they're no longer table cells, and these anonymous objects have a display type that is floatable.

IE7 doesn't follow this part of the spec, in fact, the display type of the cells cannot be altered at all, and objects with a display type of table-cell can't be floated.

If you absolutely need to use a table (instead of a ul/li) could you do something like this instead?

<style type="text/css" media="screen">`
    table {
        width: 100%;
    }
    .f {
        border: 1px solid red;
        float: left;
        height: 10px;
        width: 500px;
    }
</style>

<table summary="yes">
    <tr><td>
    <span class="f">1</span>
    <span class="f">2</span>
    <span class="f">3</span>
  </td></tr>
</table>

Best Answer

Related Solutions

Force IE8 Into IE7 Compatiblity Mode

Css – IE7: How to make TD float

Related Topic