Hi,
Sample:
Except in Internet Explorer and Opera the right part of images are cut. I wonder what's the reason and how they can be displayed the same across different browsers.Code:<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> div {display:inline-block; height:200px; overflow-x:hidden; overflow-y:auto;} a {display:block;} img {border:0;} </style> </head> <body> <div> <a href="#"><img src="http://dl.dropbox.com/u/4017788/Labs/thumb1.jpg" alt=""></a> <a href="#"><img src="http://dl.dropbox.com/u/4017788/Labs/thumb1.jpg" alt=""></a> <a href="#"><img src="http://dl.dropbox.com/u/4017788/Labs/thumb1.jpg" alt=""></a> <a href="#"><img src="http://dl.dropbox.com/u/4017788/Labs/thumb1.jpg" alt=""></a> <a href="#"><img src="http://dl.dropbox.com/u/4017788/Labs/thumb1.jpg" alt=""></a> </div> </body> </html>
Many thanks in advance!
Mike
Reply With Quote
Bookmarks