Hi, hope someone can help with this. It's driving me mad.
I have a container inside which is another DIV which is filled with pictures and then another DIV with some text.
In FF the picture DIV scrolls horizontally which is as it should be. In IE, however, the Container scrolls and I can't seem to find a way to make the picture DIV scroll instead.
The page is http://cristimodels.com/catalogue/item.asp?fIndex=2
CSS:
- #content {
-
margin-left: 83px;
-
background: #FFFFFF;
-
overflow: auto;
-
margin-left: 92px;
-
width: 842px;
-
height: 480px;
-
padding: 0px;
-
}
-
#bigPictures {
-
margin-left: 10px;
-
margin-right: 10px;
-
height: 380px;
-
white-space: nowrap;
-
//display: inline;
-
overflow: auto;
-
}
-
#details {
-
margin-top: 0px;
-
margin-left: 30px;
-
}
-
#extrabuttons {
-
margin-top: -45px;
-
margin-left: 690px;
-
}
-
<div id="content">
-
<div id="bigPictures">
-
<!-- lots of wide pictures -->
-
</div>
-
<div id="details">
-
<!-- some text -->
-
</div>
-
<div id="extrabuttons">
-
<!-- some more stuff -->
-
</div>
-
</div>
Any help appreciated!