CODEWITHSUNDEEP
csshtml
Dano007
Dano007

Reputation: 1932

Unable to hide iframe horizontal scroll bars using css

http://validator.w3.org/ has returned the following validation error with my code.

Line 140, Column 109: The scrolling attribute on the iframe element is obsolete. Use CSS instead. …d" scrolling="no" src="http://crea8tion.com/PP/usercapture/index.php">

I've searched google and found the following solution on stackoverflow.

The scrolling attribute on the iframe element is obsolete. Use CSS instead

So I changed my html to remove scrolling="no" and now my html currently looks like this 

<iframe class="restricted" src="http://crea8tion.com/PP/usercapture/index.php"></iframe>

and my CSS like this

.restricted
     {
    width:auto;overflow-y:hidden; height:280px;overflow-x:hidden;

        }

But I still have a horizontal scroll bar appearing on my page. What have I missed?

Upvotes: 0

Views: 462

Answers (1)

Diodeus - James MacFarlane
Diodeus - James MacFarlane

Reputation: 114347

Iframes are a new document. The inner document could be creating the scrollbar.

Upvotes: 2

Related Questions