PDA

View Full Version : Avoiding scroll bars...


Mathieu_BSL
08-25-2005, 02:44 PM
Hi !

I want to insert a Flash object in my HTML page without displaying the
browser vertical scroller.

Actually, I use this script :

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
<style type="text/css">
<!--
body {
width: 100%;
height: 100%;
border: none;
margin: 0px;
padding: 0px;
}
-->
</style>
</head>
<body scroll="NO">
<object id="application" width="100%" height="100%" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" >
<param name="movie" value="file.swf">
<param name="SeamlessTabbing" value="false">
</object>
<script language="Javascript">
<!--
application.focus();
-->
</script>
</body>
</html>


But officially, <body scroll="NO"> is not a "legal" option, even if
supported by MIE. (that's what Dreamweaver said...)

Is there a better way to avoid the displaying of any
scroll bar in every browsers ?
I didn't found such option in the css options...

Regards,

Mathieu

Cota
08-25-2005, 08:35 PM
The absolute, best way to insure that is simply dont make any thing larger than 700x500....Though there are other tricks available. And dont always listen to DreamWeaver...

Mathieu_BSL
08-26-2005, 01:27 AM
In fact, I want to use all the space available, not only 700 X 500 pixels...

Actually, I set <body scroll="NO">, but I don't know if this will work with every browsers...

Thanx anyway,

Cota
08-26-2005, 01:36 AM
That should work in the major browsers.

Flash Gordon
08-26-2005, 04:38 AM
Actually, I set <body scroll="NO">, but I don't know if this will work with every browsers..I used to do the same, however it doesn't work in FF. Someone posted the "correct" way to do it, thought. I think it might have been done through CSS. Do a simple search for it, if you like. :)

MichaelxxOA
08-26-2005, 05:55 AM
if you do something like this inbetween <head> and </head>

<style type="text/css">
<!--
body {
overflow: hidden;
}
//-->
</style>

That will make it so that anything overflowing the edges of the browser is not visible, and if it is not visible then it can't be scrolled to, therefore you will have no scrollbars. This method is probably a little further than what you want to do, I'd just look into it.

-Michael

Mathieu_BSL
08-29-2005, 01:41 PM
Thanx Michael, but it doesn't work with MIE...;-)

I guess that the "scroll" property is simply not included in the css model...

By the way, I'd like to know what we should use for FF... If someone has an idea...

Mathieu