бок о бок дивы в IE

У меня есть следующие HTML-кодыбок о бок дивы в IE

<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>

Это работает очень хорошо в FF, Opera, Safari, Chrome, но в IE это показывает неправильные вещи. IE запросить предопределенную высоту для endText div, например

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

В чем проблема? Какой дополнительный CSS-код может сохранять свои визуальные свойства в IE так же, как и другие браузеры?

источник

2012-02-06 Huseyin

Какая версия IE? –

Internet Explorer версии 9 (IE9) – Huseyin

Вы в правильном пути. Добавьте свой тег после кода и добавьте высоту #endText как 100%. Это будет работать как другие браузеры.

<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>

источник

2012-02-08 00:02:22

Попробуйте плавать #endText вправо и указав ширину? ниже я использовал 594px, поскольку границы добавляют ширину.

<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; float: right; width: 594px" id="endText">  
    xxx<p>&nbsp;</p><p>&nbsp;</p><p>x</p>   
    </div> 
    <div style="clear:both"></div> 
</div>

источник

2012-02-06 14:33:06

Мне это нужно без указанной ширины. Потому что я хочу, чтобы область #endText div оставалась областью, поэтому первый и второй divs могут свободно меняться. – Huseyin

Попробуйте использовать позиционирование в CSS проверить w3schools для того, как сделать дивы перекрываются, фиксированной и т.д.

источник

2012-02-07 18:22:19 Vick

Я посмотрел туда, но в этом отношении я не мог найти ничего. – Huseyin

бок о бок дивы в IE

ответ

Смежные вопросы