By loricullen

Created

June 17, 2012

I finally included an Adobe Edge file into one of my free-lance Website jobs.  The actual file works great and I don’t have to worry about it not working on iOS devices or the slow load time which occurs with a Photoshop animation file.  Unfortunately, I did come across two issues in which I hope to find help fixing.  Below is a link to a “draft” of the home page (“draft” – still not complete, hence the off alignment and missing text at the bottom) and the two issues which I am having….

Link to draft: http://natickhighwebdesign.com/anania/index_phone.html

Issues:
1.  Border: I can’t seem to remove the black border from the file. I found the two icons which you are able to change the stage color and border color in Edge.  You can see from the left image they appear to be black and gray, I changed them to be transparent and I save the file.  I close the file and quite  Adobe Edge and open everything back up again and the color keeps reverting back to black and gray.  I even tried to change the colors to red rather than transparent and no matter what they revert back to black and gray.  You can see the border when you visit the link above.   I also tried to look in the exported files to remove the border but that did not help. 

2.  Multi-Screen Viewing: I have this page set up to re-size depending on the screen size which the file is being viewed.  If you view it at a tablet size you will notice  the Edge file (scrolling animation piece in the middle) does not re-size itself but rather adds scroll bars.  In the Edge file I tried to change the “overflow” properties but nothing gave me what I needed.  Also in the Dreamweaver HTML file I set width=”100%” and height=”100%” Is there any way to make the edge file re-size itself and exclude the scroll bars?

Any guidance on either issue would be greatly appreciated!

P.S. Happy Father’s Day to all the dads out there!

Best,
Lori Cullen

COMMENTS

  • By Roman Liutikov - 4:03 PM on June 18, 2012  

    Hi! This border is from iframe:

    Just apply ‘border: none;’ to iframe tag.

    • By loricullen - 5:48 PM on June 18, 2012  

      Thank you very much for the response. I actually tried adding that into the internal CSS not inline. It ended up being frameborder=”0″ and I was just doing border=”0″, I wonder if that made a difference too? I really appreciated your help!

      Any thoughts on the responsive site with Adobe Edge? When my site re-sizes for the tablet the Adobe Edge file adds scroll bars and doesn’t re-size?