if 2 divs that are floated to the left are next to each other, but they add up to be more than the page size, then they are forced onto different lines.

is there a way to allow them to stay on the same row and just let there be a horizontal scroll bar?

You could try giving the html and body elements a max-width greater than 100%.

BTW;

Is this you as well??

Originally Posted by chrishirst

BTW;

Is this you as well??

tis not me, but sounds like a similar problem.

so I assume you just mean set body and html to 200% or something? I'd like to have it so that it could be infinitely big. should I calculate and size it dynamically? (I think that would be no problem with jquery, which is how I'm adding and resizing elements anyway.)



EDIT: maybe I should just put them in a div with overflow:hidden and use a jquery slider

Personally I've never been very fond of horizontal scrolling. My advice would be to rework your design so that you won't need more than the screen width.

Originally Posted by lizciz

Personally I've never been very fond of horizontal scrolling. My advice would be to rework your design so that you won't need more than the screen width.

I think it would work for my site though, it's a bit non-standard
I mean to have multiple columns that scroll infinitely down by loading new content with ajax

If they're gonna scroll infinitely in the vertical direction, then why do you also need horizontal scrolling? Or will you have different contents in a lot of different columns?

You do realise that you are simply trying to recreate a multiple column table layout with divs, so why not just use a table?

Originally Posted by chrishirst

You do realise that you are simply trying to recreate a multiple column table layout with divs, so why not just use a table?

everyone speaks of people using tables for layouts as if they're the worst thing in the world.

though my layout would require no images, so it would most likely work, as long as they can be resized dynamically with jscript, which they most likely can

Just make sure the sum of the widths of the columns never exceed the overall width of the layout. There really shouldn't be a need for them to grow horizontally.

You can use % for everything if you want. If your layout is 100% of the browser then set each of 2 columns to 50% (don't forget to take any padding on the columns into account). What's inside your columns should reflow.

If you find that your columns get filled with information causing them to grow to wide then you probably need to tweak your design to use less columns.

Originally Posted by Skeddles

everyone speaks of people using tables for layouts as if they're the worst thing in the world.

True that, but if what you're putting up IS a table, use a table. The intent is the right tool for the job.

tim