Home/ Questions/Q 634805
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T20:20:08+00:00

If you run the simple HTML page found at: http://ss.bigwavesoftware.net/2.htm in IE8 and FireFox

  • 0

If you run the simple HTML page found at:

http://ss.bigwavesoftware.net/2.htm

in IE8 and FireFox 3.5.8, the DIV’s display differently. In IE they behave as block elements and FireFox they behave as inline elements. I need them to behave as inline in both browsers. Can someone suggest a workaround to make them display inline in IE8 as well as FireFox?

<html>
<body>
    <div style="display: inline; float: none; width:100px; height:100px; border:1px solid red;">Left Box
    </div>
    <div style="display: inline; float: right; width:100px; height:100px; border:1px solid green;">Right Box
    </div>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Reverse the order of your divs and it will work. That is put the first one second and the second one first in the markup.

    <html>
<body>
     <div style="display: inline; float: right; width:100px; height:100px; border:1px solid green;">Right Box
    </div>
     <div style="display: inline; float: none; width:100px; height:100px; border:1px solid red;">Left Box
    </div>

</body>
</html>
    • 0