Thu, 2007-03-15 13:01
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
Thu, 2007-03-15 13:29
#1
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;
Thu, 2007-03-15 15:41
#2
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
Thu, 2007-03-15 17:23
#3
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.