Page is a not externally linkable
SuzyUK - 9:39 am on Mar 3, 2005 (gmt 0)
the underscore hack is not really required, IE does need it's usual layout hack, (dimension) to trigger it's enclosing behaviour but Opera (at least <=7.54) also needs a width in order to make it mimic IE (this could be the bit you don't need in v8 though) so it needs to be more like: div#test { MatthewHSE wouldn't ya know re: FF overflow bugs.. I lost the test page I had open and now I can't find a sample.. will keep looking. But last week I went to report an overflow bug and found so many that I couldn't see if the one I was trying to report was already reported. :o Let's put it this way, if you have a flickering adsense panel, either on load or or on hovered links then I'm pretty sure that using overflow somewhere will fix it but if you have weird padding issues it's likely caused by overflow.. <added> found an example for you: p {margin: 0.5em; </style> that shows extra padding(?) at the bottom of the grey div but if you resize the window smaller the extra padding moves to the right side of the div.. maximise the window and it stays at the right, hit refresh and moves back to the bottom.. I just typed that from memory and can't remeber all the nuances, but I found that the extra padding is related somehow to line height and the length of the paragraphs!. I am wondering if that in Gecko/FF's quest to get support of overflow correct(per recommendations) that they have actually caused themselves some other problems? Suzy
encyclo..
background:#ffc;
overflow:auto; /* for Gecko and Opera 8 */
width: 100%;/* for IE and Opera */
}
<style type="text/css" media="screen">
div {
padding: 10px;
background: #ddd;
width: 200px;
overflow: auto;
}
background: #fff;
}
</head>
<body>
<div>
<p>Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
</div>