/    Sign up×
Community /Pin to ProfileBookmark

object & scroll bar

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?

to post a comment
HTML

8 Comments(s)

Copy linkTweet thisAlerts:
@Beach_BumauthorNov 22.2002 — Actually, visible is the default - but I tried specifying it anyway and I tried hidden in order to understand the options - no joy.
Copy linkTweet thisAlerts:
@Zach_ElfersNov 22.2002 — 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!?
Copy linkTweet thisAlerts:
@Beach_BumauthorNov 22.2002 — that does not work for an object. read the prior post. but a good thought!
Copy linkTweet thisAlerts:
@Rick_BullNov 22.2002 — 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
Copy linkTweet thisAlerts:
@Robert_WellockNov 22.2002 — 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.
Copy linkTweet thisAlerts:
@StefanNov 23.2002 — 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.
Copy linkTweet thisAlerts:
@Beach_BumauthorNov 23.2002 — Stefan -

thanks for the post. but no luck with an html object. still there.
Copy linkTweet thisAlerts:
@cassyOct 17.2006 — for the object tag there is a solution:

for example:

page.html : this page calls the object.
[code=html]<!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>[/code]


and put this css in object.php
[CODE]HTML {
margin: 0;
overflow:auto;
border: none;
}

body {
margin: 0;
}[/CODE]
×

Success!

Help @Beach_Bum spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.5,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...