Overriding CSS properties for iframe width

Posted by user2898989 on Stack Overflow See other posts from Stack Overflow or by user2898989
Published on 2013-10-29T21:34:22Z Indexed on 2013/10/29 21:54 UTC
Read the original article Hit count: 145

Filed under:
|
|
|

I'm trying to put an iframe into a webpage, but no matter what I try to put in either the iframe properties or the custom CSS section of the website builder (or how many times I try to add !important to anything from width to right-margin), I can't get the iframe to extend rightward further than the page's preset width.

Here's an example of the page and iframe that I'm working with: http://fmlcapitalinvestment.com/Search_Properties.html

I need that script/iframe to be wide enough to show the search area. It seems pointless to copy and paste code and attributes I've tried setting, because nothing I do seems to have any effect, but just for showing how much I have no idea what I'm doing, here's my iframe code:

<iframe id="idxFrame"  style="padding:0; margin:0; padding-top: 0px; overflow-x:auto; width:1000px!important; border:0px solid transparent; background-color:transparent; max-width:none!important; right-margin:-200px!important" frameborder="0" scrolling="on" src="http://www.themls.com/IDXNET/Default.aspx?wid=8MSsp7Pf9eI55yjkDuB%2blX5awn7LnnVXh5PNYhq2ImAEQL" width="1200px" height="900px"></iframe>

The "Website Builder" that I'm forced to use to make these kinds of pages is infuriating, but it does have a "Custom CSS" area where I can input additional CSS information. Is there something I could generically use to set iframes to their own widths?

© Stack Overflow or respective owner

Related posts about html

Related posts about css