Home/ Questions/Q 7406029
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-29T05:29:36+00:00

hi i had a problem several times while dealing with floats in IE here

  • 0

hi i had a problem several times while dealing with floats in IE here is an example of what i mean note that this example works in Firefox and Chrome

index.html

    <html>
<link href="style.css" rel="stylesheet" type="text/css" />
<body>
<div class="some_box">

<div class="upper_red_box"></div>


  <div class="title_bg">
  <div class="title">hi im here </div>
  </div>
</div>
</body>
</html>

style.css

div.some_box{
    width:700px;
    height:400px;
    background-color:#f3f3f5;
}
div.upper_red_box{
    width:10px;
    height:70px;
    background-color:#ac0061;
    float:right;
}
div.title_bg{
    background-color:#c1c1c1;
    width:600px;
    height:70px;
    margin-left:100px;
}
div.title{
    color:#f3f3f5;
    font-family:impact , Verdana, Geneva, sans-serif;
    font-size:24px;
    padding-left:10px;
    padding-top:20px;
}

thanks in advance for your help 🙂

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Without a proper doctype, Explorer will slip into quirks mode.

    Also, you’re missing the entire <head></head> section where the CSS includes should be inside it. See this for the HTML 4 spec.

    • 0