Welcome to WebmasterWorld Guest from 54.234.129.215

Forum Moderators: not2easy

Message Too Old, No Replies

IE7 compatible single-line with horizontal scroller

     

Readie

9:30 am on Aug 22, 2013 (gmt 0)

WebmasterWorld Senior Member 5+ Year Member



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

11:55 am on Aug 22, 2013 (gmt 0)

WebmasterWorld Senior Member drdoc is a WebmasterWorld Top Contributor of All Time 10+ Year Member



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

1:00 pm on Aug 22, 2013 (gmt 0)

WebmasterWorld Senior Member 5+ Year Member



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

3:19 pm on Aug 22, 2013 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



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

4:27 pm on Aug 22, 2013 (gmt 0)

WebmasterWorld Senior Member 5+ Year Member



Just a typo :)
 

Featured Threads

Hot Threads This Week

Hot Threads This Month