Alignment problems in the Extension Library Application Layout Placebar in IE but not Firefox

问题

Got an interesting CSS problem. The first graphic shows the buttons on the PlaceBar in IE where the "Views" button is pushed up. This button has children if this makes a difference. In FireFox everything lines up perfectly. Does anyone know if this is adjustable in the CSS and if so where?

回答1:

You can force IE not to use compatibility mode by using the X-UA-Compatible meta tag to control the version of IE to render the page for.

Add the following meta tag to enable IE8 Standards Mode:

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

You can add the meta tag in a theme using:

<resources>
  <metaData>
    <httpEquiv>X-UA-Compatible</httpEquiv>
    <content>IE=8</content>
  </metaData>
</resources>

回答2:

I've found another fix. Add this to the CSS:

.lotusPlaceBar .lotusBtnContainer {
    float: right;
}

来源：https://stackoverflow.com/questions/9489677/alignment-problems-in-the-extension-library-application-layout-placebar-in-ie-bu