My movement of banner is not working in IE6, works in IE7 and Firefox, and Safari

Discussion in 'Javascript' started by Terry, Oct 20, 2007.

  1. Terry

    Terry Guest

    Hi folks.

    I took on a job where I had to get a banner to show up 30 seconds
    after the document has loaded in the browser.
    This banner also had the requirement that it had to scroll up from
    outside of the viewport to its position on the bottom of the browser.

    I thought that all was well when I realized that it is not working on
    IE6 when I went to a friend's place.
    I thought that I should add that I saw it work once on IE6.

    I would apprecitate any help.

    The url to the page is http://theamazing.onlinewebshop.net/traditional/traditional-kitchens.html

    I am accomplishing the task by the following javascript:

    function closeAd()
    {
    document.getElementById("theimage").style.display= "none";
    }
    function showAd()
    {
    document.getElementById("theimage").style.display= "block";
    moveit();
    }
    function theadd()
    {
    document.write("<div id='theimage' style='background-
    color:transparent;width:100%;left:0;text-align:center;display:none;
    position:fixed;z-index:100;bottom:-140px; height:140px;'>");
    document.write("<div style='position:relative;background-
    color:#762123; top:41px;left:0;width:100%;height:100px;'></div>");
    document.write("<div style='position:absolute;top:0;width:100%;left:
    0;text-align:center;'>");
    document.write("<a href='somewhere.htm'><img style='border:none;top:
    0;height:140px; width:785px;' src='images/LayerAd.png'></a>");
    document.write("</div>");
    document.write("<a href='' style='font-weight:bold;
    color:white;position:absolute;top:60px;right:18px;'
    onClick='closeAd(); return false;'>Close</a></div>");
    }

    function moveit()
    {
    ypos++;
    document.getElementById('theimage').style.bottom = ypos + 'px';
    if (ypos<0)
    {
    setTimeout(moveit,10);
    }
    }


    Thanks,
    Terry
     
    Terry, Oct 20, 2007
    #1
    1. Advertising

  2. Terry

    Terry Guest

    On Oct 20, 4:42 pm, Terry <> wrote:
    > Hi folks.
    >
    > I took on a job where I had to get a banner to show up 30 seconds
    > after the document has loaded in the browser.
    > This banner also had the requirement that it had to scroll up from
    > outside of the viewport to its position on the bottom of the browser.
    >
    > I thought that all was well when I realized that it is not working on
    > IE6 when I went to a friend's place.
    > I thought that I should add that I saw it work once on IE6.
    >
    > I would apprecitate any help.
    >
    > The url to the page ishttp://theamazing.onlinewebshop.net/traditional/traditional-kitchens....
    >


    I just did a search on google and found out that position:fixed does
    not work in IE6 so that is my problem.

    Terry
     
    Terry, Oct 20, 2007
    #2
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Replies:
    1
    Views:
    2,730
    Adrienne Boswell
    Sep 24, 2008
  2. OccasionalFlyer

    Page shows in FIrefox, IE7 but not IE6

    OccasionalFlyer, Dec 4, 2008, in forum: HTML
    Replies:
    4
    Views:
    442
    Chaddy2222
    Dec 5, 2008
  3. Replies:
    4
    Views:
    257
    Randy Webb
    Feb 18, 2006
  4. Manfred

    Script works with IE6 but not with IE7

    Manfred, Feb 5, 2007, in forum: Javascript
    Replies:
    3
    Views:
    96
    Manfred
    Feb 7, 2007
  5. Steve Wright

    AJAX works in IE6 but not IE7 or Firefox

    Steve Wright, Mar 13, 2007, in forum: Javascript
    Replies:
    5
    Views:
    148
    Bart Lateur
    Mar 15, 2007
Loading...

Share This Page