SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Member
    Join Date
    Mar 2012
    Posts
    24
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    [Plugin: 1 Flash Gallery] Pushing sidebar to the bottom of the page

    Hi all, take a look at http://businesswebsite.toneysolutions.com/. No matter what theme I try, the plugin will push the sidebar to the bottom of the page and sometimes the footer to where the sidebar should be!

    Reducing the width of the plugin doesn't return the sidebar to where it should be.

    Is there anything that I can edit in the theme to make this work properly?
    The theme used in the above example is Thematic and I can provide any file from it if necessary.

    Thanks

  2. #2
    <title class="lol"> bronze trophy TehYoyo's Avatar
    Join Date
    Feb 2012
    Location
    Northeast Chicago Suburbs
    Posts
    806
    Mentioned
    18 Post(s)
    Tagged
    1 Thread(s)
    Geez. Did you use a website builder or base your website off all plug-ins?

    I found the error (although it was torture wading through all of that )

    On your stylesheet : http://businesswebsite.toneysolution...2c-r-fixed.css

    The div with id="container" has a width set to 620px. I don't know if you want this or not, but since both the slideshow and sidebar are in there, it pushes the sidebar down because the sidebar is second in the markup.

    ~TehYoyo

    Edit: Credits go to the X-Ray JavaScript plug-in. Love that thing.

  3. #3
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,624
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    The issue is that your columns aren't floated, that and the widths are an issue .

    Change/add in the following CSS
    Code:
    
    
    
    
    #primary {
        border: 1px solid #CCCCCC;
       float: left;
        margin-bottom: 22px;
        padding: 18px 0 0;
    
    
    }
    #content {
        float: left;
        margin: 0 0 0 10px;
        overflow: hidden;
        width: 540px;
    
    
    }
    #container {
        /*float: left;*/
        overflow: hidden;
        /*width: 620px;*/
    
    
    }
    You can use margins to adjust the columns spacing.
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  4. #4
    SitePoint Member
    Join Date
    Mar 2012
    Posts
    24
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for the quick responses guys! Much faster than wordpress support and the Flash plugin support. I applied Ryan's changes and the sidebar is where it should be http://businesswebsite.toneysolutions.com/. But now every other page pushes the sidebar to the bottom of the content e.g. http://businesswebsite.toneysolutions.com/?page_id=81. Anyone have an idea as to what's going on?

  5. #5
    SitePoint Member
    Join Date
    Mar 2012
    Posts
    24
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by TehYoyo View Post
    Geez. Did you use a website builder or base your website off all plug-ins?

    I found the error (although it was torture wading through all of that )

    On your stylesheet : http://businesswebsite.toneysolution...2c-r-fixed.css

    The div with id="container" has a width set to 620px. I don't know if you want this or not, but since both the slideshow and sidebar are in there, it pushes the sidebar down because the sidebar is second in the markup.

    ~TehYoyo

    Edit: Credits go to the X-Ray JavaScript plug-in. Love that thing.
    I definitely appreciate the torture you went though! I imported a site into Thematic theme and thought I'd include the Flash plugin. Everything was fine until then.

  6. #6
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,624
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Your #container needs float:left; to allow things to be side by side .

    This does not screw up the other page, and in fact you could remove the overflow:hidden; now if you wanted
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  7. #7
    <title class="lol"> bronze trophy TehYoyo's Avatar
    Join Date
    Feb 2012
    Location
    Northeast Chicago Suburbs
    Posts
    806
    Mentioned
    18 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by bladefist View Post
    I definitely appreciate the torture you went though! I imported a site into Thematic theme and thought I'd include the Flash plugin. Everything was fine until then.
    Haha Happy to help.

    That's why we advise against website-builders.

    ~TehYoyo


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
  •