Border not showing up?

Discussion in 'CSS' started by JahRasta311, Jun 24, 2009.

  1. #1
    Can anyone spot anything in this css class that would make the border not show?

    {
    position: fixed;
    background-color: #FF7400;
    border-right-style: solid;
    border-right-color: #FFB273;
    border-right-width: 10px;
    color: #2F7CA6;
    top: 180px;
    width: 190px;
    height: 100%;
    z-index: 1;

    }
     
    JahRasta311, Jun 24, 2009 IP
  2. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #2
    No but 'top', 'height' and 'z-index' do not belong and are not effective here.
     
    drhowarddrfine, Jun 25, 2009 IP
  3. qazu

    qazu Well-Known Member

    Messages:
    1,834
    Likes Received:
    62
    Best Answers:
    0
    Trophy Points:
    165
    #3
    No, can't see anything wrong there
     
    qazu, Jun 25, 2009 IP
  4. Wrighty

    Wrighty Peon

    Messages:
    199
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Condense your border CSS line to:

    border-right: 1px solid #FFB273;

    :)

    Not that it'll fix it, but it'll make it neater.

    Could you show us the whole page code please? :)
     
    Wrighty, Jun 25, 2009 IP
  5. JahRasta311

    JahRasta311 Peon

    Messages:
    201
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #5
    actually, they are, top brings my sidebar down past the header, height makes the background of my sidebar span the rest of the page, regardless of how much text there is, and z index puts the sidebar above my main body.

    thanks anyways.
     
    JahRasta311, Jun 26, 2009 IP
  6. JahRasta311

    JahRasta311 Peon

    Messages:
    201
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #6
    I got it to work now, it was quite a bit of code so I didn't really want to post it all. Thank you, though.
     
    JahRasta311, Jun 26, 2009 IP
  7. Wrighty

    Wrighty Peon

    Messages:
    199
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Glad its sorted :)
     
    Wrighty, Jun 28, 2009 IP
  8. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #8
    They do with position:fixed - though that in and of itself could have been causing problems given how unreliable it is.
     
    deathshadow, Jun 28, 2009 IP
  9. justinlorder

    justinlorder Peon

    Messages:
    4,160
    Likes Received:
    61
    Best Answers:
    0
    Trophy Points:
    0
    #9
    Css short hand for the border style can be like this .
    {
    border-right: 1px solid #FFB273;
    }
    But I don't see the problem why the border doesn't show up.
    Maybe it is the problem of the elements near the border .
     
    justinlorder, Jul 1, 2009 IP
  10. JahRasta311

    JahRasta311 Peon

    Messages:
    201
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #10
    Thank you, but the problem is solved.

    Also, I deliberately separate all my border elements because it's easier for me to work line by line.
     
    JahRasta311, Jul 4, 2009 IP