Home/ Questions/Q 9222931
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-18T03:57:10+00:00

I have a problem concerning IE9 and CSS. I have a HTML5 form where

  • 0

I have a problem concerning IE9 and CSS.

I have a HTML5 form where I want to align the button on the right of te page. But only in IE9, it right aligns to a div where it seems not to have any connection to.

In Chrome and Firefox it looks like this:
enter image description here

That is the desired outcome.

But in IE9, it looks like this:
enter image description here

When I play around with the F12 Developer tools settings, it works whe I choose “Document Mode: IE7 standards” and any Browser mode.

HTML looks like this and is HTML5 validated on http://html5.validator.nu/:
enter image description here
As you can see this div is not related to the other divs.

The style window looks like this (all css files are css3 valid):
enter image description here

I have already tried to place a span like suggested here:
Align Text in List in Div with CSS in Internet Explorer 9

Any other suggestions are welcome, or work-arounds that will do the job.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I have finally figured it out. Adding the following line before each dubhead div did the trick:

    <div style="clear:both;"></div>

    References:
    – What is the use of style="clear:both"?

    • 0