I posted the problem below in alt.www.webmaster before, but no-one knew
the answer, however someone suggested this group as a good place to ask.
I am trying to fit images into a browser window using CSS and
in particular overflow:auto; The idea being that if a user's window is too
small the image becomes scrollable (horizontally) and a horizontal
scrollbar appears.
It works nicely in Firefox and Opera but with Internet Explorer 7 a
vertical scrollbar also appears when the horizontal space is not large
enough. I don't know what happens in IE 6 as I don't have it anymore, but
I expect it to be the same as in IE 7.
The difference seems to be that IE renders the horizontal scrollbar inside
the space alotted to the image, while Firefox and Opera render the
horizontal scrollbar outside the image space (thus not needing a vertical
scrollbar).
Is there a way to make IE render the horizontal scrollbar outside of the
image space aswell?
An example page (make window smaller to see the scrollbar):
http://www.7is7.com/otto/travel/phot...argfalls2.html
The relevant HTML and CSS:
<div class="photo-image">
<img src="argfalls2.jpg" />
</div>
div.photo-image{margin:0.5em auto;overflow:auto;width:100%;}
--
Otto de Voogd
http://www.7is7.com/ - My Projects
http://www.StatEye.com/ - Website Statistics