# Avoiding vertical or horizontal browser scroll bars

**URL:** <https://forum.kirupa.com/t/avoiding-vertical-or-horizontal-browser-scroll-bars/185695>\
**Category:** Uncategorized\
**Created:** [April 15, 2006, 3:41pm UTC](https://forum.kirupa.com/t/avoiding-vertical-or-horizontal-browser-scroll-bars/185695 "2006-04-15T15:41:06Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![caractacus](https://avatars.discourse-cdn.com/v4/letter/c/5e9695/32.png) [@caractacus](https://forum.kirupa.com/u/caractacus)\
**Post date:** [April 15, 2006, 3:41pm UTC](https://forum.kirupa.com/t/avoiding-vertical-or-horizontal-browser-scroll-bars/185695/1 "2006-04-15T15:41:06Z")

</div>

I’ve seen a site that has no vertical or horizontal scroll bars in the browser window. How do I do that? My page has external swf’s so there is no neccessity to scroll. The scroll bars bottom and side look out of place…

---

<div class="post-metadata">

**Author:** ![Molie](https://avatars.discourse-cdn.com/v4/letter/m/8491ac/32.png) [@Molie](https://forum.kirupa.com/u/Molie)\
**Post date:** [April 15, 2006, 6:50pm UTC](https://forum.kirupa.com/t/avoiding-vertical-or-horizontal-browser-scroll-bars/185695/2 "2006-04-15T18:50:12Z")

</div>

Hello,  
I think your swf should not exceed width 766 px and height 560 px and put this code in the head tag in your HTML page  
\<head\>  
\<style\>  
body {margin:0px;padding:0px}  
\</style\>  
\</head\>

Best regards,

Molie

---

<div class="post-metadata">

**Author:** ![caractacus](https://avatars.discourse-cdn.com/v4/letter/c/5e9695/32.png) [@caractacus](https://forum.kirupa.com/u/caractacus)\
**Post date:** [April 16, 2006, 4:45am UTC](https://forum.kirupa.com/t/avoiding-vertical-or-horizontal-browser-scroll-bars/185695/3 "2006-04-16T04:45:41Z")

</div>

> [@Molie](#):
>
> Hello,  
> I think your swf should not exceed width 766 px and height 560 px and put this code in the head tag in your HTML page  
> \<head\>  
> \<style\>  
> body {margin:0px;padding:0px}  
> \</style\>  
> \</head\>
> 
> Best regards,
> 
> Molie

Thnak you very much, Molie!

Cheers!!!

---

<div class="post-metadata">

**Author:** ![ostmalm](https://avatars.discourse-cdn.com/v4/letter/o/dfb087/32.png) [@ostmalm](https://forum.kirupa.com/u/ostmalm)\
**Post date:** [April 16, 2006, 12:40pm UTC](https://forum.kirupa.com/t/avoiding-vertical-or-horizontal-browser-scroll-bars/185695/4 "2006-04-16T12:40:12Z")

</div>

nope - it depends on your movie size in relation to users screensize,  
to avoid scrollbars publish your movie in %'s [U]max 100 %[/U]

the 0 px margin just takes away the 8 to 10px border most browsers have,  
quite sufficient when you have full screen bg images

---

<div class="post-metadata">

**Author:** ![caractacus](https://avatars.discourse-cdn.com/v4/letter/c/5e9695/32.png) [@caractacus](https://forum.kirupa.com/u/caractacus)\
**Post date:** [April 16, 2006, 2:01pm UTC](https://forum.kirupa.com/t/avoiding-vertical-or-horizontal-browser-scroll-bars/185695/5 "2006-04-16T14:01:09Z")

</div>

Thanks Ostmalm…but could you tell me in a bit more detail what you mean?  
Should I still put code in the head tag?  
Unfortunately, I’m a novice and a bit slow on the uptake!!

---

<div class="post-metadata">

**Author:** ![ostmalm](https://avatars.discourse-cdn.com/v4/letter/o/dfb087/32.png) [@ostmalm](https://forum.kirupa.com/u/ostmalm)\
**Post date:** [April 16, 2006, 4:36pm UTC](https://forum.kirupa.com/t/avoiding-vertical-or-horizontal-browser-scroll-bars/185695/6 "2006-04-16T16:36:12Z")

</div>

go to  
fiel-\>publish settings -\>HTML-\>dimensions-\>percent-\>100%-\>publish  
and voila !!! the scrollbars should be gone

---

<div class="post-metadata">

**Author:** ![caractacus](https://avatars.discourse-cdn.com/v4/letter/c/5e9695/32.png) [@caractacus](https://forum.kirupa.com/u/caractacus)\
**Post date:** [April 17, 2006, 6:35am UTC](https://forum.kirupa.com/t/avoiding-vertical-or-horizontal-browser-scroll-bars/185695/7 "2006-04-17T06:35:12Z")

</div>

Thanks again Ostmalm…I’ve done what you said but have got a mixed result. The vertical scroll bar becomes non operational (good) but nonetheless remains in place as a sort of ghost image (not so good). I know that there are some sites where even the ghost image of the scroll bar disappears. Any further ideas?

---

<div class="post-metadata">

**Author:** ![ostmalm](https://avatars.discourse-cdn.com/v4/letter/o/dfb087/32.png) [@ostmalm](https://forum.kirupa.com/u/ostmalm)\
**Post date:** [April 18, 2006, 9:12am UTC](https://forum.kirupa.com/t/avoiding-vertical-or-horizontal-browser-scroll-bars/185695/8 "2006-04-18T09:12:11Z")

</div>

as far as i know the IE shows that stupid vertical scrollbar  
but there should be a javascript for getting rid of that,  
search one of the sites on javascript like **[dynamicdrive.com](http://dynamicdrive.com)**

---

<div class="post-metadata">

**Author:** ![DrRobotnik](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/drrobotnik/32/1796_2.png) [@DrRobotnik](https://forum.kirupa.com/u/DrRobotnik)\
**Post date:** [April 18, 2006, 11:20pm UTC](https://forum.kirupa.com/t/avoiding-vertical-or-horizontal-browser-scroll-bars/185695/9 "2006-04-18T23:20:03Z")

</div>

```auto
<style type="text/css">
body {
    overflow: hidden;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
</style>

```