Thierry! That is very cool and close!
Thank you!
But still it breaks a little in my IE6 after resizing the window, here is
screenshot: http://cssing.org.ua/a/5.png.
But still floating everything is great trick! Thank you for the idea.
Anyway, i spent 2 hours experimenting, and i think i found the best
solution, and it even doesn't need any additional markup. I just want to
share it with everybody, so it may help in future.
Here is what saved me:
Safari,FF, Opera: (as i mentioned in the first letter)
dt,dd{display:table-cell;vertical-align:top;}
dl{display:table}
And for ie in ie.css:
dt{float:none;}
dl{white-space:nowrap;}
dt, dd {
display:inline;
vertical-align:middle;
zoom:1;
}
Here is link to working example (tested in IE, Safari, Opera, Firefox)
http://cssing.org.ua/a/floatingdls.html
(I took your HTML, Thierry)
Thanx everybody! Thank you Sergey. It seems that this problem is solved! =)
And i hope it will help somebody as well.
С уважением,
Юрий "akella" Артюх,
http://cssing.org.ua,
2008/7/5 Thierry Koblentz <[EMAIL PROTECTED]>:
> > @Сергей: it is a great idea! But i've tried it with no success.
> inline-block doesnt work in IE like that, float1-2 appear to be on a
> different lines > all the time.
> >
> > @Manny, overflow doesn't help =(.
> >
> > @Thierry:
> > I need to float container(.float) because there are a lot of them, here
> is
> screenshot of how it might look: http://cssing.org.ua/a/3.png
> > When i set overflow hidden in addition to float and white-space:nowrap
> (for the text inside float2), it just cuts the float2 text.
> > Without floated container - sure it is quite simple to acheive the thing
> i'm trying to acheive. Thanx for the code example!
> > Even without .float2{float:left} the text jumps under the number in green
> block.
> >
> >
> > I know you are extremely experienced with a complex CSS-problems. May be
> you've ever heard of display:table-cell emulation for IE? May be with
> > expressions or smth like that?
>
> If you're willing to cheat with the markup a little (using many DLs), you
> can go this route (floating everything):
>
> http://tjkdesign.com/lab/inline-DLs.asp
>
>
>
> --
> Regards,
> Thierry | http://www.TJKDesign.com
>
>
>
>
>
>
> *******************************************************************
> 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]
*******************************************************************
