Treehouse: Grow your CSS skills. Land your dream job.

A challenge for the masters in css

  • # November 16, 2011 at 12:22 am

    Hi Guys,
    i have a page in frame in which a link opens to a popup in lightbox which shows a dynamic content in a iframe.

    The issue is when the popup is opened it shows a horizontal scroll and a black background color (fraction of seconds) untill the iframe is loaded as the Class is kept for background color and overflow-x hidden in iframe but the still the problem continues. Can anyone help me out for this.

    # November 16, 2011 at 1:24 pm


    # November 16, 2011 at 11:51 pm

    hi stan, thanks for responding to my question. i’m sorry to say that i can’t share u the link for some copyright issues :( . I hope you get back to me again with some solution.

    # November 17, 2011 at 12:12 am

    copyright issues? someone would have to use your content for there to be copyright issues.

    Perhaps you mean confidentiality? Unless you provide some sort of mockup example of what your issue is, I don’t think we’ll be able to help you.

    # November 17, 2011 at 1:49 am

    Ya i mean confidentiality i m giving you the code by which u can get idea.

    hope this will help you…..

    # November 17, 2011 at 1:58 am

    @matthewb Please wrap the code like this (without spaces) < pre >< code >CODE HERE< /pre >

    # November 17, 2011 at 3:44 am


    # November 17, 2011 at 7:32 am

    @matthewb It is difficult to work with that code because we don’t have any dynamic content to load and we have no idea what scripts are being loaded. Maybe it would be best to post a demo on that will show us the issue.

    And just to ask, did you try adding allowtransparency="true" and then making the iframe body background transparent? Here is a reference if you need it.

    # November 17, 2011 at 9:28 am

    And also scrolling="no" to keep older browser from putting scrollbars on it.

    # November 20, 2011 at 4:25 am

    ya @cnwtx i have tried scrolling=”no” & allowtransparency=”true” but it does’nt work and bcoz of confidentiality of company i can’t keep this at demo.

    can any one solve this out.

    # November 20, 2011 at 12:00 pm

    @matthewb just to cover all bases, @Mottie also advised to change the style of the body tag, did you also add background: transparent; to the body?

    # November 24, 2011 at 11:58 pm

    @Adman ya i have also tried background: transparent; to the body. But it does’nt works.

    # November 25, 2011 at 12:50 am

    uh, instead of messing around with the iframe, how do you load the content, I get the feeling that the problem does not rely within the iframe but the content itself…but i think you are SOL due to confidentiality…

    # November 25, 2011 at 5:10 am

    have you tried scrolling=”no” ?

    # November 25, 2011 at 5:42 am

    @dpqmw80 i have applied scrolling-x: hidden; as it is not required but on y-axis it is necessary if content expands.

    @kgscott284 there is no problem with content. Buddy due confidentiality i can’t show you the demo version :(

Viewing 15 posts - 1 through 15 (of 16 total)

You must be logged in to reply to this topic.