tags:

views:

75

answers:

2
+2  Q: 

DIV content does not overflow...

The code below works properly in all browsers but IE. The overflow doesn't work. Thanks.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;
<html>

<head>
<style type="text/css">
#scroll {
  width: 500px;
  height: 250px;
  overflow: auto;
}

.box {
  position: relative;
  height: 100px;
}
</style>

</head>
<body>
  <div id='scroll'>
    <div class='box' style="background-color: red;"></div>
    <div class='box' style="background-color: black;"></div>
    <div class='box' style="background-color: yellow;"></div>
    <div class='box' style="background-color: blue;"></div>
    <div class='box' style="background-color: green;"></div>
  </div>
</body>
</html>
+1  A: 

Is this what you are looking for? http://snook.ca/archives/html_and_css/position_relative_overflow_ie/

Petr Pechovic  2010-08-26 15:13:35
+1  A: 

If you remove the "position:relative;" from the .box CSS definition, I believe it'll work in FF and IE 6.0.

Edit: I've tested it - and it works in FF 3.6.8 and I.E. 6.0.28 (i.e. keeps the 100px boxes within the scroll div).

S.Jones  2010-08-26 15:13:36

related questions

Autosizing Textarea
Regular expression for parsing links from a webpage?
What are good tools for creating compiled HTML help files (.chm)?
Looking for WYSIWYG HTML editor
Any reason not to start using the HTML 5 doctype?
HTML comments break down
HTML Comments Markup
Setting a div's height in HTML with CSS
Wrapping lists into columns
Is a "Confirm Email" input good practice when user changes email address?
<XMP> Tag
HTML version choice
Options for HTML scraping?
How do you disable browser Autocomplete on web form field / input tag?
How do I make a checkbox toggle from clicking on the text label as well?
Html CSS Editor
Wordpress theme development offline tools
How do I give my web sites an icon for iPhone?
In HTML, how to word-break on a dash?
Detecting font in JavaScript
How do you test layout design across multiple browsers/OSs?
How do I print an HTML document from a web service?
Multiple submit buttons on a HTML form
How can I determine a web user's time zone?
Why doesn't the percentage width child in absolutely positioned parent work in IE7?