SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Hybrid View

  1. #1
    SitePoint Guru
    Join Date
    Oct 2010
    Location
    Portland, Or
    Posts
    774
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)

    using jquery slideToggle, how can I implement it so it doens't dirsupt the layout

    Hello all.
    Created a main tester page.
    http://www.danielamorescalchi.com/coreCorp/index.php#
    at the bottom right corner i put in a button (orange w/star(for now)) so if the user clicks on it the footer comes up.
    works but it disrupts the rest of the layout.
    How do I change this so the footer slides up w/out everything else moving?
    I thought at first of changing the height of the core of the page and the position of the wrap's background image (no dice)
    or giving the footer a dif z-index. (doubt it)

    Can you folks advise on how to fix it or point me to a good tutorial?
    Thx
    D

  2. #2
    Under Construction silver trophybronze trophy AussieJohn's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, Australia
    Posts
    776
    Mentioned
    11 Post(s)
    Tagged
    0 Thread(s)
    You might be able to try setting the background-attachment property for the background-image on the #wrap div. This is positioned to the bottom of #wrap at the moment, if it were set to fixed it shouldn't move when the footer is expanded.

    e.g.
    Code:
    #wrap {
      background-image: url('img/oilPlat02.png');
      background-repeat: no-repeat;
      background-position: bottom left;
      background-attachment: fixed;
    }
    The other solution would be to move the Footer and the Div containing the menu below the #wrap div

    e.g.
    HTML Code:
    <div id="wrap">
      <!-- all your stuff -->
    </div>
    
    <div>
      <a id="toggle" ...>...</a>
      <div> <!-- menu --> </div>
    </div>
    
    <footer> 
      <!-- footer -->
    </footer>
    var details = {
    . . web: "afterlight.com.au",
    . . photos: "jvdl.id.au",
    . . psa: "usethelatestversion.com"
    }

  3. #3
    SitePoint Guru
    Join Date
    Oct 2010
    Location
    Portland, Or
    Posts
    774
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Thank you for the advice.
    Will go try it out and report!
    Have a great day.


Bookmarks

Posting Permissions

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