extend sidebar using css

  • boriszex

    (@boriszex)


    18 years, 8 months ago

    Hello, I need small help with CSS, I want that my sidebar background on next blog http://www.softwaretipspalace.com/blog/ be extended to the bottom of page, id tag which I use from CSS is next:

    float: right;
    width: 305px;
    height: 100%;
    margin-top: 0px;
    margin-left: 0px;
    background-color: #666666;
    padding:5px;
    color: #FFFFFF;

    I tryed to add height: 100%; but it didn’t worked, how to do that

    Thanks

Viewing 6 replies - 1 through 6 (of 6 total)
  • ivovic

    (@ivovic)

    18 years, 8 months ago

    you basically can’t make the height dynamic because it’s floated.

    What people do to maintain the illusion is to use a background image on the containing div, which forms the background for the content area and the sidebar.

    the other alternative is to restructure using good old tables.

    ivovic

    (@ivovic)

    18 years, 8 months ago

    I should say, it doesn’t need to be a large image… just the correct width for the container.

    With your 2 colour background, it could be one pixel height, almost black for 2/3, and 1/3 light gray.

    Thread Starter boriszex

    (@boriszex)

    18 years, 8 months ago

    thanks for the tip, I was so focus on sidebar css that I didn’t think I could do that as you mention, I will make changes as you say

    thanks

    moshu

    (@moshu)

    18 years, 8 months ago

    Google for “faux columns” – that’s the solution.

    Thread Starter boriszex

    (@boriszex)

    18 years, 8 months ago

    thanks guys, it’s done, thanks Ivovic,

    ivovic

    (@ivovic)

    18 years, 8 months ago

    anytime

    looks good, too 🙂

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

The topic ‘extend sidebar using css’ is closed to new replies.