Home/ Questions/Q 7639239
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-31T08:22:07+00:00

I have a Div Alignment issue in internet explorer 9(not in ie9.It may be

  • 0

I have a Div Alignment issue in internet explorer 9(not in ie9.It may be in latest browsers)

I have two divs.First one should be in fixed width and Second one should re-size according to the screen resolution change.

I wrote the below code

<html>
 <body>
  <div>
     <div style = "float:left;width:240px;background-color:blue; height:100px"> 
    </div>

    <div  style = "float:left;width:100%;background-color:red;height:100px">
    </div>

  </div>
 </body>
</html>

However the out put came like screen shot 1.

I have to arrange the two dives side by side as like the screen shot 2.

Any help on this issue is Appreciated.

Thanks.

Screen Shot 1
Div not aligned

Screen Shot 2
Div aligne

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try this: http://jsfiddle.net/4c5bc/1/

    apply a margin-left to the 2nd div and remove it’s float.

    • 0