overflow:auto; Causes Horizontal Scroll in IE But Vertical Scroll in Firefox

Posted on 2004-11-26
Last Modified: 2011-09-20
Is there a way to have Horizontal Scroll in both browsers?
Question by:m_evergreen
    LVL 25

    Expert Comment


    Author Comment

    I'm not sure which part of the discussion at the link provided applies to me.  Maybe I wasn't clear with my problem.  I'm using:

          overflow: auto;


    <div id="container">
                              <a href="dl/"><img src="Items/EarthLipstick1.gif" title="Tan Lipstick" width="179" height="145" border="0"></a><a href="dl/"><img src="Items/BrownLipstick.gif" title="Brown Lipstick" width="179" height="145" border="0"></a><img src="Items/ComingSoon.gif" title="Coming Soon" width="179" height="145" border="0">

    In Internet Explorer this produces a scrollbox which scrolls horizontally so that each image can be viewed and selected, which is what I want.  In Firefox it produces a vertical scrollbar so that each image must be viewed vertically going down.  This is not what I want.  Can I get Firefox to show the images horizontally like IE does?
    LVL 31

    Accepted Solution

    Yes, just add a width to your table.


    Author Comment

    Ah ha!  Thank you!

    Featured Post

    Maximize Your Threat Intelligence Reporting

    Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

    Join & Write a Comment

    "I want to put my photos online, but I don't want them stolen.  What settings should I use?" When You Put Photos Online First and foremost, any digital file published on the WWW can be copied, stored, modified, retransmitted, etc.  Remember Naps…
    Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
    In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
    In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

    746 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    17 Experts available now in Live!

    Get 1:1 Help Now