IE7 compatible single-line with horizontal scroller

[Readie]

Hello,

I've been given a task where one thing that is required is for me to add a variable height horizontal scroller, with a variable number of child elements that are displayed next to each other on a single line.

I'm having a great deal of trouble due to IE7 not having inline-block support. The usual hacks of trying to use float: left or inline div containing a block div are multi-lining the divs (I suspect because of the variable height requirement).

Has anyone ever had this problem before and managed to find a workable solution?

[DrDoc]

IE7 (and IE6) supports

display: inline-block

on elements that are

inline

by default.

That said -- are you really required to support IE7 still?!

If you are, despite my hate for hacks anymore, take a look at this:
Cross-browser inline-block [blog.mozilla.org]

[Readie]

zoom: 1 and the *display: inline got me sorted thanks - I'll have to remember that one.

are you really required to support IE7 still?!

Unfortunately yes. Pretty big company with some bits of software kicking around that (so I'm told) require IE7 - so some users just exclusively use IE7. I've even seen some machines in one of the warehouses running Windows 97.

[drhowarddrfine]

You probably meant Windows 98? My brother's computer died last week and that's when I found out he was still running Win98 but all he does is pay bills online and watch YouTube.

[Readie]

Just a typo :)