Coder Perfect

Remove the iframe’s scrollbar.


Using this code

<iframe frameborder="0" style="height: 185px; overflow:scroll; width: 100%" src="" marginheight="1" marginwidth="1" name="cboxmain" id="cboxmain" seamless="seamless" scrolling="no" frameborder="0" allowtransparency="true"></iframe>

This is how it appears (the shoutbox on homepage of

How can I get rid of the horizontal scrollbar and change the vertical scrollbar’s CSS?

Asked by Faith In Unseen Things

Solution #1

The iframe should have the scrolling=”no” attribute.

Answered by Dean Oakley

Solution #2

This is compatible with all browsers.

<iframe src=""  scrolling="no" style=" width: 550px; height: 500px;  overflow: hidden;" ></iframe>

Answered by Thyagarajan C

Solution #3

I had to apply style=”overflow:hidden” to the body of the html content loaded inside the iframe because adding scroll=”no” and style=”overflow:hidden” to the iframe didn’t work.

Answered by nirvana74v

Solution #4

Add the scrolling=”no” element as seen below:

Answered by Allabux B

Solution #5

Simply add the attributes scrolling=”no” and seamless=”seamless” to the iframe tag. as follows:-

 1. XHTML => scrolling="no"
 2. HTML5 => seamless="seamless"


In all major browsers, the seamless attribute has been removed.

Answered by Nima Rahbar

Post is based on