how to fill up the border-bottom at the right side of tabs

Discussion in 'CSS' started by winterheat, Aug 13, 2008.

  1. #1
    let's say the tabs can be variable length... and they are being floated left.

    example is http://www.0011.com/header-test2.html

    and they are separated by a div with border-bottom of 4px.

    the right most part of the tabs also require a border-bottom that should extend all the way to the right side of the container div... but i realized if i use a div of also 600px or 300px, then it goes down to the next line completely.

    the main thing is that the tabs are variable length, so sometimes it can say "My Posts" and sometimes it can say "Michael's Posts", so there is no way to use a fixed width for the div with a border-bottom.

    Right now I can use many div with width of 20px, and then use overflow: hidden for the container div, so that it will fill most of the right side, and the extra one will be hidden. But a better solution can be to actually fill up the right side of the container div. Any solution possible? thanks!
     
    winterheat, Aug 13, 2008 IP
  2. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Stomme poes, Aug 22, 2008 IP