Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to make iFrame not have the scrolling bar

Tags:

html

css

iframe

I am working on making a widget like this one here:

http://www.comehike.com/outdoors/widget.php?hike_id=176&height=400&width=700

And for some reason I can't seem to make scrolling bar go away. Does anyone know how to do that?

Thanks!

like image 877
Genadinik Avatar asked Jun 02 '11 17:06

Genadinik


People also ask

How do I make my iframe not scroll?

1) Set the scrolling attribute of the iframe to no (scrolling="no"). This will disable both horizontal and vertical scroll bars.

How can I hide scrollbar in iframe but still scroll?

1. Set the overflow of the parent div as hidden. 2. Set the overflow of the child div to auto and the width 200% (or anything more than 100%, or more than the width of the parent - so that the scrollbar gets hidden).

Why does my iframe have scroll bars?

Content that is presented in an iFrame appears with a vertical scrollbar if the length of the child document exceeds the height of the iFrame and with a horizontal scrollbar if the child document elements won't wrap to the width of the iFrame.


1 Answers

Like this:

<iframe ... scrolling="no"></iframe>

Edit: Also frameborder="0" is handy to hide the border.

like image 177
aorcsik Avatar answered Oct 11 '22 23:10

aorcsik