float right block IE7 ошибка

У меня есть два блока внутри контейнера. Один из встроенных блоков, а второй - плавающий блок. В IE7 плавающий правый блок находится за пределами контейнера.float right block IE7 ошибка

Когда я меняю места на блоки внутри контейнера, все должно встать на свои места.

Как это объяснить?

А может быть, решение без изменения блоков?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"> 
<meta content="chrome=1" http-equiv="X-UA-Compatible"> 
<style> 
html, body { 
    padding: 0; 
    margin: 0; 
} 

.header_text { 
    color: #fff; 
    font-size: 11px; 
    height: 19px; 
    line-height: 19px; 
    background: green; 
} 

.text { 
    padding-left: 10px; 
} 

.user_info { 
    float: right; 
    color: #fff; 
    padding-right: 10px; 
    background: red; 
} 

.clear { 
    clear: both; 
    height: 0; 
    font-size: none; 
    line-height: 0; 
} 
</style> 
</head> 
<body> 
    <div class="header_text"> 
     <span class="text">Text</span> 
     <div class="user_info">Hi, <a href="#">Text</a> [ <a href="#">Text</a>]</div> 
     <div class="clear"></div> 
    </div> 
</body> 
</html>

enter image description here

источник

2012-01-05 golsear

не понятный достаточно. Что такое контейнер ?. Это div или стол. И что такое блоки? –

Можете ли вы дать какой-то код в http://jsfiddle.net –

, пожалуйста, не могли бы вы разместить демо? – fcalderan

использование DIV вместо диапазона.

<div class="text">Text</div>

источник

2012-01-05 10:16:08

float right block IE7 ошибка

ответ

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