Need help? Check out our Support site, then

Sidebar height

  1. Hi, I have the CSS upgrade and I'm trying to get m sidebar to extend to the bottom of my header. I have a border set, but the sidebar only stretches so far. Is there a way I can extend the sidebar to my footer?? My site can b found here, is C'est La Vie

    Thnks in advance,

  2. Well, you've hardly got anything in it. Why not take those box-links you've got and put them one over the other, instead of three across?

  3. nahh, i want them to stay like that, is there a way i can extend the sidebar without having to change up the box links?

  4. But it wouldn't be or look any different than it does now: it's blank white. Unless you put something in it or change the colour so it's different from the background there, it's going to look exactly the same whether it technically extends all the way to the bottom or not. The only thing that's different would be that black line on the side. Why not just make it invisible?

    I believe (no expert!) that you can set the height to a fixed height instead of one that relates to how much stuff in it, but since the height of your blog posts is always different, the length of your front page will change as well. So unless there's a way to relate the length of the sidebar dynamically to the length of the front page (AND individual post pages) you would end up with a sidebar that still has big gaps. And I'm not aware of any way to make that relationship happen; I've never seen a sidebar that ALWAYS fits.

  5. yeah i get what your saying. There has to be a way though and wu do u mean by "make it visible"

  6. "in"visible. Hide the black bar. Then nobody could tell where your sidebar ends.

  7. you could stack a bunch of empty text widgets in there, if you really wanted. Keep in mind that the length of your main page is also dependent on the number and length of the blog posts shown on it (and is therefore variable).

  8. yaheardthat - you need to use something called faux columns Its the only way. Google it up.

  9. coo. thanks for all the help everyone. I really appreciate it.

  10. faux columns isn't working for me for some reason.

  11. #sidebar {
    border-right:1px solid #BABABA;
    background:url('')0 100px repeat-y #fff;
    font-family:Verdana, Arial, Helvetica, sans-serif;

    any suggestions??

  12. gif has only one f not two
    and you have not read anything like how faux cols work. you have just assumed. wrongly.

  13. yeah i have. i'm not a expert at CSS. still learning.

  14. I'm still having this problem. Is there anyone that can help me out???

    Thanks in advance,

  15. I am unable to support commercial blogs. Sorry.

  16. thanks anyways.

  17. if anyone have any ideas, it would be helpful.


  18. I am adding a modlook tag.

  19. Thanks!

  20. hey, devblog... anyway you can help me out???

  21. @yaheardthat

    YO! Have you actually read the ToS that you agreed to to get a blog here? Check out section 2, 5th bullet. blogs cannot be used to drive traffic to 3rd party sites. And have you read the no advertising policy?

  22. I do not have any sponsors, they're just friends sites that I go on. Is that wrong?

  23. All clarifications about what constitutes using a blog to drive traffic to other istes must come from staff. Marks' a cool dude simply ask him.

  24. All clarifications about what constitutes a commericail blog or what constitutes using a blog to drive traffic to other sites must come from staff. Marks' a cool dude simply ask him.
    P.S. He's in the UK and is 8 hours ahead of us so be patient waiting for a reply.

  25. cool, I'll email him. Thanks a lot too


  26. You're welcome.

  27. yaheardthat,

    I can't help you today, but tomorrow (after work) or Saturday, I'll see what I can do.

  28. thanks dude. :D

  29. :P

  30. Hey yaheardthat, sorry for the delay.

    Let's see what we can do.

    Try this:

    First, you need to create an image 750px width. White of course; then, in that image, draw a 1px vertical line at 215px from the left. Name it something like fcbg.gif (fc = faux column).

    Now, in your CSS, you'll need to modify these selectors:


    Now, in the definition of your #insideWrapper selector, replace the background-color:#fff; rule with the following:

    background: #fff url(path/to/your/fcbg.gif) top left repeat-y;

    Now, in the #sidebar definition, get rid of border-right:1px solid #BABABA; and add the following rule:

    background: transparent;

    That should do it (and I hope I was clear).

    If you have any questions, please be patient. I don't think I'll be checking the forums for the rest of the day, but I'll try to do it tomorrow. However, I hope this resolves your issue.

    Happy weekend.

Topic Closed

This topic has been closed to new replies.

About this Topic