Missing Scrollbar in IE Compatibility View

Hi there,

when i use the Compatibility View in IE i don’t get scrollbars:

Screenshot → Doens’t Works

if u use IE without Compatibility View it works:

Scrennshot -->Works

This is my code:

What i could do better in order to prevent this problem?

THANKS A LOT IN ADVANCE!


...
public class ConfigView extends AbstractProjectView /* is a CustomComponent.java */ <ConfigModel> {

    public ConfigView() {
        super(new ConfigModel());
    }

    @Override
    protected void initialize() {

        // TabbedPane:
        // ============================================================================
        setHeight("100%");
        setWidth("100%");
        TabSheet tabSheet = new TabSheet();
        tabSheet.setHeight("100%");
        tabSheet.setWidth("100%");
        setCompositionRoot(tabSheet);

        // Tabs:
        // ============================================================================
        tabSheet.addTab(createTabConfiguration(), "Konfiguration");
        tabSheet.addTab(createTabMappingModel(), "Mapping");
        tabSheet.addTab(createTabSolrModel(), "Solr");
        tabSheet.addTab(createTabProtocol(), "Protokolle");
    }

    private Component createTabConfiguration() {
        VerticalLayout lay = new VerticalLayout();
        lay.setHeight("100%");
        lay.setWidth("100%");
        lay.setMargin(true);
        lay.setSpacing(true);

        // Neue Table:
        Table table = new Table(null);

        // Spalten hinzufügen:
        table.addContainerProperty("Id", String.class, null);
        table.addContainerProperty("Key", String.class, null);
        table.addContainerProperty("SubKey1", String.class, null);
        table.addContainerProperty("SubKey2", String.class, null);
        table.addContainerProperty("Value", String.class, null);

        // Zeilen hinzufügen:
        int row = 1;
        for (ConfigValue value : getModel().getConfigValues()) {
             ...
        }
        table.setWidth("100%");
        table.setHeight("100%");
        lay.addComponent(table);
        lay.setExpandRatio(table, (float) 1.0);
        return lay;
    }

    private Component createTabMappingModel() {
....
    }

    private Component createTabSolrModel() {
...
    }

    private Component createTabProtocol() {
...
    }
}




Is it a workarround at least to set something like

.

to the header?

yes it was at least a workarround. it works:

page.write("<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\"/>\n");

Overwrite the writeAjaxPageHtmlHeader() in servlet