5 replies [Last post]
thopunk
Offline
Regular
Last seen: 12 years 43 weeks ago
Joined: 2006-04-03
Posts: 21
Points: 0

I am trying to get this div to be 100% of the window, and 500px high, and only scroll horizontally. any ideas? thanks!

*link removed, solved*

thanks!

Logus
Logus's picture
Offline
Enthusiast
Last seen: 11 years 46 weeks ago
Joined: 2008-01-08
Posts: 53
Points: 0

Gallery

Hello
You must create a div container with the property overflow:scrollbars, define width and height

And add a div for each picture with float:left, something like

"Todo habito hace nuestra mano mas habil y nuestro genio mas torpe"
Contact in my blog http://www.miguelmanchego.com

thopunk
Offline
Regular
Last seen: 12 years 43 weeks ago
Joined: 2006-04-03
Posts: 21
Points: 0

i got it to work. thanks.

i got it to work. thanks.

morktron
morktron's picture
Offline
Regular
Ballina, Australia
Last seen: 11 years 44 weeks ago
Ballina, Australia
Timezone: GMT-1
Joined: 2004-01-30
Posts: 21
Points: 0

how did you get it to work?

Hi thopunk, how did you get it working. Putting every image in a floated left div inside a div with set dimensions and overflow-x:scroll; didn't work for me. The divs just turn into a vertical column.

I tried this: http://www.vishwebdesign.com/xhtml-css-tutorials/displaying-images-in-horizontal-row/ but it didn't work in IE6 and isn't wc3 compliant.

It's long been a goal of mine to achieve this but so far no luck.

In the meantime they have to go in a table! :shrug:

vishwebdesign
Offline
newbie
Mauritius
Last seen: 6 years 46 weeks ago
Mauritius
Timezone: GMT+4
Joined: 2008-03-23
Posts: 10
Points: 0

Correction

morktron wrote:
Hi thopunk, how did you get it working. Putting every image in a floated left div inside a div with set dimensions and overflow-x:scroll; didn't work for me. The divs just turn into a vertical column.

I tried this: http://www.vishwebdesign.com/xhtml-css-tutorials/displaying-images-in-horizontal-row/ but it didn't work in IE6 and isn't wc3 compliant.

It's long been a goal of mine to achieve this but so far no luck.

In the meantime they have to go in a table! :shrug:

Hello..Am vishwebdesign..The tutorial of mine that you linked to, works on both Mozilla FF and i.e 6.0 but not on opera. I don't believe it's not possible without some javascript. Smile

morktron
morktron's picture
Offline
Regular
Ballina, Australia
Last seen: 11 years 44 weeks ago
Ballina, Australia
Timezone: GMT-1
Joined: 2004-01-30
Posts: 21
Points: 0

Thanks Vishwebdesign, I made

Thanks Vishwebdesign, I made a mistake it was a javascript png fix that broke the scrolling in IE6. I'll use your method next time as I don't think Opera is worth developing for at the moment.

thanks