Sidebar borders? (3 posts)

  1. 5thape
    Posted 10 years ago #

    I have a two-column theme with the main content on the left and a sidebar on the right. Right now, I use a sidebar image to create the vertical line that separates these two sections. I was wondering if there was an easier way to do this. I tried adding 'border-left: 1px solid' to my css and it did create a vertical line but it also shifted my sidebar items down and the vertical line doesn't connect to my header or footer. Any suggestions?

    - Austin

  2. monkeypup
    Posted 10 years ago #

    the shifting thing can be fixed by adjusting the padding-right in your css. Now, the tricky part is extending down to the bottom. This is something CSS sucks at, and I am not able to help with. Anything I have every seen is a workaround. Hopefully, someone here can help you on that. Site looks nice, good luck.

  3. katie1
    Posted 10 years ago #

    I have a border attached to my #content css because I know my content will always be longer than my sidebar.

    It's the only way I know to get a nice border to separate the content from the sidebar without excessive use of images. You'll need to adjust your padding in your sidebar to accommodate this. I also adjusted the bottom-padding and bottom-margins on my #maincontainer div, that basically wraps my entire page so the border could snugly sit on my footer.

    Hope this helps.

Topic Closed

This topic has been closed to new replies.

About this Topic