When the page width is used it jumps down instead of creating a horizontal overflow?

[ideal9]

Hi.

I have content on my page in boxes.

They are displayed like this.

Box1  Box2  Box3  Box4

Box5 Box6 ....

But I want it to display like this.

Box1  Box2  Box3  Box4 Box5 Box6 ....

And then if I add anymore it jumps down and creates a vertical overflow.

But I want it to have a horizontal scroll bar.

This is how the wrapper is in css.

#content {

overflow:auto;

width:100%;

height:450px;

}

Thanks Brad

[Paulie_D]

It’s all about wrappers, inline blocks and white-space.

See: http://jsfiddle.net/Paulie_D/ah2zM/

[ideal9]

The site is down?

[ideal9]

Go onto it but is there anyway without using white-space: nowrap; as I had that before but it messes up my p tag so any other way.

[Paulie_D]

No…that’s what makes it work.

Just update the css of your p tags to re-set the white space. Simples.

[Author]

Posts