Solved

overflow: scroll not working in  IE

Posted on 2011-03-14
7
652 Views
Last Modified: 2012-05-11
I have this DIV, and it work only in Chrome and Firefox, in IE the scrolls is not working, the content expends more then 960px the width.

Here is the DIV that i put in

div#abc {      max-width: 960px;
      
      overflow: scroll;

      
      
}
0
Comment
Question by:mt1845
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
7 Comments
 
LVL 20

Accepted Solution

by:
Mark Brady earned 500 total points
ID: 35134093
change it to "overflow:auto";

and it should automatically scroll once it goes over the 960px width.
0
 
LVL 20

Expert Comment

by:Mark Brady
ID: 35134100
Actually I think it is automatically by default set as "auto so you could remove that line altogether.
0
 
LVL 42

Expert Comment

by:David S.
ID: 35134438
What mode is IE rendering the page in? That feature requires "standards mode" of IE7 or newer. (If you don't know how to check that, please post a link to an example page.)


> Actually I think it is automatically by default set as "auto so you could remove that line altogether.

No. The default value of the "overflow" property is "visible" for most elements, including <div>s.
0
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

Author Comment

by:mt1845
ID: 35134897
I tried to put "overflow:auto"; its not working
0
 
LVL 4

Expert Comment

by:dwkd
ID: 35139744
try overflow-y:scroll;
and/or
overflow-x:scroll;


and test it also in quirks mode by replacing your doctype with something like this

<!DOCTYPE html PUBLIC>

..after you changed to quirks it should work in ie7
(ie6 doesn't work at all i believe)



0
 
LVL 4

Expert Comment

by:dwkd
ID: 35139764
0

Featured Post

Don't Cry: How Liquid Web is Ensuring Security

WannaCry is just the start. Read how Liquid Web is protecting itself and its customers against new threats.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
This article discusses four methods for overlaying images in a container on a web page
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

729 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