Adding a table to VSD - Post ID 231822

Apr 19th, 2014 at 07:13 PM
User 2147626 Photo

SadDuck
Ambassador
2,958 posts

Just want to make sure I'm understanding this...you adjusted the WIDTH and HEIGHT
in the code of your iframe and it did not adjust the size of the iframe on your page?
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com
Apr 19th, 2014 at 07:24 PM
User 2592269 Photo

r d bell
Registered User
14 posts

Gunsmoke wrote:
Just want to make sure I'm understanding this...you adjusted the WIDTH and HEIGHT
in the code of your iframe and it did not adjust the size of the iframe on your page?


I don't think it held to the size. 500w x 180h. The code is on a previous post. It appears to be the entire search page from my Prudential site.
db
Apr 19th, 2014 at 08:42 PM
User 2147626 Photo

SadDuck
Ambassador
2,958 posts

This is what I see ...
http://gunsmoke.me/cloud/graphics/search.png

Is the problem that your iframe does not fill the area within the black box?
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com
Apr 19th, 2014 at 09:58 PM
User 2592269 Photo

r d bell
Registered User
14 posts

Hi Gunsmaoke,

This is what I see on iPad air.
So with what you have reported I guess Ill do some research and see if I can find out what to do.

Gunsmoke , the capture was to big to be posted.
db
Apr 19th, 2014 at 11:09 PM
User 2147626 Photo

SadDuck
Ambassador
2,958 posts

Got ya...try this...where you have your iframe code inserted into your VSD page...replace that code with this.

<style>.embed-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe name='inlineframe' src='http://dennis.bell.pfragent.com/vp/SearchServlet?SITE=PENFED&ListingSearch=true&ScreenID=AGENT_SEARCH_LISTING_P_MRIS&pres_agent=298547&context=AGENT_PAGE_SEARCH' frameborder='0' scrolling='auto' width='500' height='180' marginwidth='5' marginheight='5' ></iframe></div>


Let me know how that works, and if it does, I'll explain how I got that. :cool:
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com
Apr 20th, 2014 at 07:25 AM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,190 posts

The one problem I see is it appears to be search box and there's a js file missing that's referenced.
http://www.redata.com/vp_graphics/js/pe … dSubmit.js
I used some code similar to G's that would position an iframe within a div so you can show the part of the iframe you want.
I guess that's the part that hasn't been determined yet.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Apr 20th, 2014 at 08:40 AM
User 2592269 Photo

r d bell
Registered User
14 posts

Thanks Gunsmoke, Eric
OK desktop is perfect and ipad is close. To reduce the size of the viewable window is that just changing the padding or is it the div stuff that Eric is referring to. I feel like I have already taken up too much of your time so if there is a site that teaches this I would be happy to learn.
db
Apr 20th, 2014 at 11:39 AM
User 2147626 Photo

SadDuck
Ambassador
2,958 posts

No such thing as taking up too much time! We all learn from these little 'quirks'! I don't work with an idevice, or code (if I can help it) but I think you have to adjust the size of the div. Eric will probably know more about this... :P
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.