Search code examples
phpgoogle-chromehtmloverflownowrap

DIV Overflow / scroll bars / chrome / ff / ie

hopefully a nice easy question for someone :)

I have a gallery strip of photo's which load a main image in the above DIV. The gallery strip appears fine in Chrome but in IE and FF the scroll bars do not appear and the gallery spreads itself out vertically, can anyone help? Thanks in advance! :)

Here is the page http://www.militarysilver.co.uk/military-silversmith-gallery.php

Many Thanks, Dan

Solution

  • You need to set a width to div.container other than auto. A fixed width will ensure that the nested list items won't wrap on the browser's edge (auto in you particular case refers to 100% browser width) rather than on pixel 2048 (if you set this as the div's width).

    Hope that clarifies things up. aefxx