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 4 of 4

Thread: shifted content

  1. #1
    New Coder
    Join Date
    Feb 2005
    Location
    France
    Posts
    89
    Thanks
    0
    Thanked 0 Times in 0 Posts

    shifted content

    Hello again everybody,

    I'm facing the same problem for the second time that is why I ask for your help. Here for example when I click Contactez-moi the address that appears shifts the rest of the content down. However it wasn't doing that before I changed the layout of these navigation links, still I cannot figure out why it started doing that

    If you've got an idea, please drop me a hint,

    Thank you in advance
    imatus

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    What did you expect to happen? You are adding content to the page. If you don't want the content to move you would need to make the spans position absolute using CSS.

  • #3
    Senior Coder
    Join Date
    Mar 2005
    Location
    Portsmouth UK
    Posts
    4,511
    Thanks
    3
    Thanked 504 Times in 491 Posts
    you are innerHTML a table to <span id="content0"></span>

    The size of <span id="content0"></span> is therefore increasing

    replace
    <span id="content0"></span>
    with
    <div style="position:relative;left:100px;width:20px;height:20px;" >
    <div id="content0" style="position:absolute;top:0px;left:0px" ></div>
    </div>

    and position where required

  • #4
    New Coder
    Join Date
    Feb 2005
    Location
    France
    Posts
    89
    Thanks
    0
    Thanked 0 Times in 0 Posts
    OK, "absolute position" seems to be a key phrase thank you for your help guys have a great day


  •  

    Posting Permissions

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