try inline-block and nowrap for container
and remove float of "float1" and "float2"
com.ua? speak albanian?
используй inline-block для float1 и float2 без флоатов
зачастую это гораздо удобнее флоатов, особенно теперь, когда ФФ3
поддерживает это свойство - как итог - кроссбраузерно полностью )
akella пишет:
Hi list! Got a CSS question, it's now two days in my head.
Here is my HTML, just to be abstract:
<div class="float">
<div class="float1></div>
<div class="float2>Some random text</div>
</div>
and smth like this in CSS:
.float1, .float2, .float{float:left}
My problem is that i need .float1-2 to be on the same line.
Here is how it should look like: http://cssing.org.ua/a/2.png
But it breaks like this: http://cssing.org.ua/a/1.png
(the text and the green block are two floats, the block itself is a float)
So i need something like nowrap-for-floats.
I solved this problem for Safari, FF, Opera by:
.float{display:table}
.float1, .float2{display:table-cell}
But that doesn't work in IE. May be someone got such an experience?
Fancy ie-expression? i would highly appreciate any ideas on this subject.
Thanx in advance!
regards,
Yuriy "akella" Artyukh,
http://cssing.org.ua
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************