SitePoint Sponsor

User Tag List

Results 1 to 7 of 7

Thread: Right Sidebar

  1. #1
    SitePoint Enthusiast
    Join Date
    Feb 2006
    Posts
    34
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Right Sidebar

    Hi any help on getting the right sidebar to move up to the top on
    www.itssecured.com.

    Thanks

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,598
    Mentioned
    411 Post(s)
    Tagged
    6 Thread(s)
    The layout method here is a bit awkward. It's better to have all the content on the left wrapped in a container, floated left. Then the sidebar can be floated right beside it. Having all the bits and pieces floated separately is making life unnecessarily difficult.

  3. #3
    SitePoint Enthusiast
    Join Date
    Feb 2006
    Posts
    34
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ok I started over without the 960 grid no when I put the center content and right side bar it jumps out of the main container any help please.

    www.itssecured.com

  4. #4
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,225
    Mentioned
    51 Post(s)
    Tagged
    2 Thread(s)
    tncandle,

    Is the paragraph, "Precision Electrical Company services northeast Tennessee and southwest Virginia. Our goal is to provide the best customer service experience possible. We put the "service" back in Customer Service." supposed to fill the width of the page, 960px, or the width of the two columns, 700px?

  5. #5
    SitePoint Enthusiast
    Join Date
    Feb 2006
    Posts
    34
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    700px

  6. #6
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,225
    Mentioned
    51 Post(s)
    Tagged
    2 Thread(s)
    Copy this folder to your PC. Double-click the itssecured1a.htm file to open it in your browser. It demonstrates how to arrange the HTML and CSS so the columns are as you described.

    Most of the changes to the CSS are at the bottom. Not all, but most.

    The HTML below the .rotator is boxed differently. #col and #col2 are replace by #colLeft and #colRight.

    I left several outlines in place so you can visualize how the boxes are arranged. Comment-out or delete the outlines when you're finished with them.

    https://www.dropbox.com/sh/emoglqdulptqhra/WANhp3Y9we

    Please let me know after you have downloaded the file.

  7. #7
    SitePoint Enthusiast
    Join Date
    Feb 2006
    Posts
    34
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you so much file downloaded.


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
  •