3 replies [Last post]
thatboyjim
thatboyjim's picture
Offline
Regular
Last seen: 13 years 24 weeks ago
Joined: 2007-01-25
Posts: 41
Points: 0

Hi there

I am having a problem getting something to work in safari, here's the link...

http://www.michaelmathias.co.uk/shop/cat/1/prod/21/

The thumbnails at the bottom of the page should have a horizontal scroll bar and enable you to scroll along the thumbnails. however, in safari it just spills off the page.

Here's the css:-

#productpreview { display:inline; padding:10px 10px 0 10px; margin:0px 0 10px 18px; float:left; width:700px; height:130px; overflow-x:scroll; overflow-y:hidden; white-space: nowrap; }

and html:-





etc...

this is doing my head in as I can't work out why.

You help would be very much appreciated.

Many thanks

James

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 7 years 34 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

overflow-x and overflow-y

overflow-x and overflow-y were originally a proprietary concept of Microsoft, which was later adopted by Mozilla. It looks as though they are in fact part of the CSS3 working draft, but are not part of 2 or 2.1 (and hence Safari not recognizing it). Try just changing the overflow-x and y to overflow: auto;

thatboyjim
thatboyjim's picture
Offline
Regular
Last seen: 13 years 24 weeks ago
Joined: 2007-01-25
Posts: 41
Points: 0

Thanks for coming back to me

Thanks for coming back to me on this...

tried this but still doesn't work.

Any other ideas?

James

thatboyjim
thatboyjim's picture
Offline
Regular
Last seen: 13 years 24 weeks ago
Joined: 2007-01-25
Posts: 41
Points: 0

I've managed to work it out.

I've managed to work it out. I needed to put overflow:auto before the two overflow statements as Safari ignores them but is ok with overflow:auto.

You can close this one now.