Get rid of the unneccesary scroller bar at the bottom of embedded page

[annyvz]

Hi,

 

I have embedded a page into a table, however I cannot seem to get rid of the bottom scroller bar,

 

can anyone please assist me?

 

Code and image attached

 

Thank you!

scroller_issue.html

[dsonesuk]

either

 

1) use scrolling="no" instead of scrolling="auto",

 

OR

 

2) change html content of iframe to fit iframe width="1100" to match .widget-allevents-wrapper width has max-width: 1200px;

 

OR

 

3) change .widget-allevents-wrapper max-width: 1200px; to match iframe width="1100"

Edited August 1, 2014 by dsonesuk

[annyvz]

Thanks for your suggestions,

 

I have added the following code and it makes a difference to the height and width of the embedded page, but the scroller stays. I am quite new to this, am I doing something wrong?

 

Options 1 & 2 made no difference.

 

I really appreciate your help!

 

CSS:

 

<style>.widget-allevents-wrapper { height:230px; width:1000px; scrolling:no; }</style>

 

HTML:

<iframe class="widget-allevents-wrapper" id='ezframe' frameborder='0' allowtransparency='true' hspace='0' vspace='0' marginheight='5' marginwidth='5' src='http://www.eventzilla.net/web/upcoming?clientid=2135798932' name='ezframe'></iframe> </td>

[annyvz]

Yah! I just fixed the problem, I made the width:1500px, and that removed the scroll bar,

 

You are a ☆

 

Thanks a million!!!!

[dsonesuk]

.widget-allevents-wrapper relates a div in the page the iframe src links to which is http://www.eventzill...ntid=2135798932.

 

css

.widget-allevents-wrapper {    background: url("https://d2poexpdc5y9vj.cloudfront.net/embed/widget-allevents-botlft.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);    font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;    font-size: 1em;    margin-bottom: 25px;    max-width: 1200px; /* this needs to be reduced to match iframe width, or iframe width increased to match max-width;*/    min-width: 300px;    padding-bottom: 35px;    width: 100%;}

scrolling="no" is applied to iframe itself

 

<iframe width="1100" height="230'" frameborder="0" name="ezframe" src="http://www.eventzilla.net/web/upcoming?clientid=2135798932" marginwidth="5" marginheight="5" vspace="0" hspace="0" allowtransparency="true" scrolling="no" id="ezframe"></iframe>

 

side note Guateng, South Africa right! have sis live there, or is this sample data.