www.webdeveloper.com
Results 1 to 2 of 2

Thread: Scrollbar removes right part of images

  1. #1
    Join Date
    Nov 2009
    Posts
    80

    Scrollbar removes right part of images

    Hi,

    Sample:

    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>
    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.

    Many thanks in advance!
    Mike

  2. #2
    Join Date
    Jul 2012
    Location
    Florida
    Posts
    22
    Set a width on the div and it resolves the issue.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles