Question

I have a set of dynamically generated content – anywhere between 1 and about 25 blocks (each of which I want to be about 250px wide.

Clearly, this can run off-screen, but that’s fine since my design allows for horizontal scrolling (using jQuery – I don’t want the browser to do it with its own scroll bars).

So what CSS – cross-browser – is the best approach? Floats seem to wrap unreliably, and the dynamic nature of the content which changes frequently through ajax calls – means that recalculating the container width is not very practical.

Other CSS-based option?

Answer 1

Use a div container with the absolute witdh set, allow overlow, and floats for each box. This will allow the boxes overflow off the right of the screen.