Click to See Complete Forum and Search --> : object & scroll bar
Beach Bum
11-21-2002, 07:53 PM
when including an html page as an object (even when the size is larger than the content) in IE 6 you get a greyed out vertical scrollbar (not the horizontal though). In NS 7 the display is correct - no bars.
There are no valid scroll attributes for the object tag. This is likely just an IE problem that I will have to live with.
But . . . anyone know any tricks to get rid of it?
Beach Bum
11-21-2002, 10:59 PM
Actually, visible is the default - but I tried specifying it anyway and I tried hidden in order to understand the options - no joy.
Zach Elfers
11-21-2002, 11:00 PM
To get rid of the scrollbar for the HTML page, in the body tag put scroll="no". To get rid of scrollbars for a particular element, in a CSS script, type overflow:hidden;. Hope that helps!:)
Beach Bum
11-21-2002, 11:17 PM
that does not work for an object. read the prior post. but a good thought!
Rick Bull
11-22-2002, 05:00 AM
Personally I haven't had that problem (you haven't got a link to your pages have you?), but I can only elaborate on the previous posts and say try overflow:auto or (probably not what you want) overflow:scroll
Robert Wellock
11-22-2002, 07:33 AM
I believe the real problem is actually Micro$oft, yes the autoflow would work for a <textbox>.
However we are considering the <object> element I have seen this question before when some people were testing the XHTML 2.0 proposals and trying to insert an image via <object> obviously Mozilla gets things right.
Stefan
11-23-2002, 09:56 AM
There is a general hack to get IE to remove it's crappy vertical scrollbar when it's not needed.
However it's not valid CSS and will NOT pass validation.
/* IE scrollbar fix, Invalid CSS */
body,html { overflow-y: auto }
I assume the same can be applied to get rid of scrollbars for <object>. Not tested though.
Beach Bum
11-23-2002, 10:08 AM
Stefan -
thanks for the post. but no luck with an html object. still there.
cassy
10-17-2006, 05:20 AM
for the object tag there is a solution:
for example:
page.html : this page calls the object.
<!DOCTYPE html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test objet</title>
</head>
<body>
<OBJECT type="text/html" data="object.php" width="160px" height="600px">
</OBJECT>
</body>
</html>
and put this css in object.php
HTML {
margin: 0;
overflow:auto;
border: none;
}
body {
margin: 0;
}