Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Mar 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    div img offset during loading time

    hi all

    i run a phpbb forum, and i created some sidebars for it, and i made a new loginbox myself, i did this by placing some divs in a footer file, wich is included on every page, i give them a bg img and position them with css

    the thing is, when u enter my website, the sidebars are not there for a short time ... also the login box is in the midle of the screen, when the site is loaded, they snap to the position told by css.

    so u can see the divs on a place where they should not be !
    and this only happens to the divs i created myself

    surf to http://www.acidleague.com/Forum and click on forum - forum - forum -forum .... to see it really clear


    i made these divs in the overal_footer.html page
    <div id="sidebarleft"></div>
    <div id="sidebarright"></div>
    <div id="cornerleft"></div>
    <div id="cornerright"></div>
    wich are placed on top of the code


    and uses this css on em
    #sidebarleft {
    padding: 0px;
    margin: 0;
    position:absolute;
    width: 600px;
    left:-599px;
    top:0px;
    height:600px;
    background-image:url(http://www.acidleague.com/League/the...eader_bg.jpg);
    background-repeat:repeat-x;
    }

    #sidebarright {
    padding: 0px;
    margin: 0;
    position:absolute;
    width: 600px;
    left:999px;
    top:0px;
    height:800px;
    background-image:url(http://www.acidleague.com/League/the...eader_bg.jpg);
    background-repeat:repeat-x;
    }


    #cornerleft {
    padding: 0px;
    margin: 0;
    position:absolute;
    width: 47px;
    left:-46px;
    top:192px;
    height:49px;
    background-image:url(http://www.acidleague.com/League/the...bg/tleft.jpg);
    }

    #cornerright {
    padding: 0px;
    margin: 0;
    position:absolute;
    width: 47px;
    left:999px;
    top:192px;
    height:49px;
    background-image:url(http://www.acidleague.com/League/the...g/tright.jpg);
    }



    whats is the most common way to prevent this?

    ty

  • #2
    New to the CF scene
    Join Date
    Mar 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    no1?


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •