float: left не работает в IE7

[zerofx]

привет, нужна ваша помощь. ситуация банальная ... но я не могу ее решить ..

 

вот код...

<div id="test">    <div id="t1"></div>    <div id="t2"></div></div>

#test {	width: 120px;	height: 300px;	background-color: red;	position: relative;}#t1 {	width: 50px;	height: 50px;	background-color: black;	float: left;}#t2 {	width: 150px;	height: 50px;	background-color: pink;}

одним словом - как заставить IE7 - выполнить условие float:left - когда родительский блок меньше чем дочерний ... всех других браузерах все работает как надо .. а вот здесь как всегда

[Vin]

Тут лучше позиционирование использовать http://jsfiddle.net/villard/CQX92/2/

[zerofx]

Тут лучше позиционирование использовать http://jsfiddle.net/villard/CQX92/2/

Гранд мерси! вроде работоєт... будем посмотреть =)

[zerofx]

Тут лучше позиционирование использовать http://jsfiddle.net/villard/CQX92/2/

 

 

Ваш пример просто прекрасно мне подходит .. я немного доработал код - и теперь это меню - а работает оно так - когда в блок t1 - подвести курсор - то выезжает скрытый блок t2 - все работает как надо ... но есть вопросы, ситуация следующая, после того когда я в блок t2 добавляю текст - то всех нормальных браузерах ff ch op он  отображается корректно - а именно по ходу открытия блока в право ... плавно и ровно ... будто он там уже стоит только скрытый ...

А вот в IE 7/8/9/10 - он будто вивалюеся по ходу открытия блока в право .... что может быть не так .. и как его побороть

 

 

 

http://jsfiddle.net/zerofx/qaSJ5/1/

Edited January 14, 2014 by zerofx

[Vin]

В IE из-за переноса текста такое. Если добавить к .t2 "white-space: nowrap", текст по ходу изменения размеров блока переноситься не будет и блок будет анимироваться плавно.

http://jsfiddle.net/villard/6sEhw/1/

Edited January 14, 2014 by Vin

[zerofx]

о точно ...