Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    Regular Coder
    Join Date
    Mar 2009
    Posts
    101
    Thanks
    14
    Thanked 1 Time in 1 Post

    Can't get a border-left to go all the way down.

    I have a new page I'm working on, with a couple of left-floating DIVs inside a container.
    I have a border-left on the middle DIV, but I'd like that DIV to extend all the way down to the bottom of the container so that border can be seen going all the way down.
    (Make sense?)
    http://www.girlscoutsmoheartland.org/newpagetest.php
    That thin border between the left column and the "Subheading" column. In short: how do I get it to go all the way down?
    I tried adding height:100% to the DIV's style it belongs to, but that didn't change anything.
    Thanks for any suggestions!
    Liam

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,861
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    You'd need to use faux columns, see http://www.addedbytes.com/content/fa...uts/faux1.html
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    Regular Coder
    Join Date
    Mar 2009
    Posts
    101
    Thanks
    14
    Thanked 1 Time in 1 Post
    Quote Originally Posted by abduraooft View Post
    You'd need to use faux columns, see http://www.addedbytes.com/content/fa...uts/faux1.html
    Well, I appreciate the suggestion, but unless I'm mistaken about that that link's showing, this isn't going to work in my situation.
    Thanks, though.

  • #4
    Regular Coder
    Join Date
    Jan 2009
    Posts
    193
    Thanks
    0
    Thanked 20 Times in 20 Posts
    You could try adding a new div that contains the main content and the right column. Then give that column a border-left style instead of the main content div. Then the border should expand to the size of the right column or the main content depending on which is bigger.

  • #5
    met
    met is offline
    Regular Coder
    Join Date
    Oct 2009
    Location
    United Kingdom
    Posts
    728
    Thanks
    4
    Thanked 119 Times in 119 Posts
    Quote Originally Posted by Mechphisto View Post
    Well, I appreciate the suggestion, but unless I'm mistaken about that that link's showing, this isn't going to work in my situation.
    Thanks, though.
    no, you will need to use faux columns

    change the background of #container to an image that is "divided" suitably to emulate the separating lines.

  • #6
    Regular Coder
    Join Date
    Mar 2009
    Posts
    101
    Thanks
    14
    Thanked 1 Time in 1 Post
    Quote Originally Posted by met View Post
    no, you will need to use faux columns

    change the background of #container to an image that is "divided" suitably to emulate the separating lines.
    OK, I think I see what you mean, but doing that would force me to use set widths. I won't be able to use allow the "columns" to resize based on browser width.
    Again, if I'm understanding this right.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •