Home/ Questions/Q 7430045
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-29T09:04:38+00:00

I have following html codes <div align=center style=width:1000px;border:1px solid green;> <div style=border:1px solid red;float:left;

  • 0

I have following html codes

<div align="center" style="width:1000px;border:1px solid green;">
        <div style="border:1px solid red;float:left; width:200px;  ">
        ssssssssssss </div>    
        <div style="border:1px solid red;float:left; width:200px;  ">
        ssssssssssss </div>
    <div style="border:1px solid black;  overflow: hidden;" id="endText">       
        xxx<p>&nbsp;</p><p>&nbsp;</p><p>x</p>           
    </div>
<div style="clear:both"></div>
</div>

It works very fine in FF,Opera,Safari,Chrome, But in IE it shows wrong things. IE request predefined height for endText div for example 

<div style="border:1px solid black;  overflow: hidden;height:117px; " id="endText">

What is the problem? Which addional CSS code may keep its visual properties in IE as like as other browsers?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You are in correct way. Please add any tag after your code and make #endText height as 100%.
    It would be works as other browsers. 

    <div align="center" style="width:1000px;border:1px solid green;">
    <div style="border:1px solid red;float:left; width:200px; ">
        ssssssssssss </div>
    <div style="border:1px solid red;float:left; width:200px; ">
        ssssssssssss </div>
    <div style="border:1px solid black; height:100%" id="endText">
        xxx<p>&nbsp;</p><p>&nbsp;</p><p>x</p>
    </div>
    <div style="clear:both"></div>
</div> <hr>
    • 0