Change Sidebar color

  • imeancomeonjoe

    (@imeancomeonjoe)


    15 years ago

    I have managed to change the color of my sidebar on my site joshmadden.com by:

    #sidebar
    {
    float:left;
    background: #141414;
    margin:0px 5px 0px 0px;
    padding:10px 0px 51% 30px;
    width:290px
    }

    But the sidebar now stays the same length regardless how much content is in the body of the site. Before it used to adjust automatically to the content. any help would be greatly appreciated.

    thanks

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi, you’ve got a small typo or just oddity in your CSS that is probably causing your headaches.

    In this rule here:

    padding:10px 0px 51% 30px;

    You have the bottom padding set to 51%, which either setting the padding to 51% of the height of your sidebar, or your site. Either way, using a percentage in padding is bound to cause weird layout issues, especially in Internet Explorer!

    Replace that with this, or what ever height you want, expressed in pixels, and it should look just fine:

    padding:10px 0px 10px 30px;

    Thread Starter imeancomeonjoe

    (@imeancomeonjoe)

    Hi jleuze,
    Thanks for your reply. I tried what you suggested and it still comes up short as you can see from the site. Any more suggestions I can try? It’s as if there are two sidebars overlapping one another.

    https://www.joshmadden.com

    thanks!

    Did you get this fixed? It looks fine to me in Firefox, and IE8&6, is there a specific browser it doesn’t work right in?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change Sidebar color’ is closed to new replies.