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; }
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?
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.
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.
They do with position:fixed - though that in and of itself could have been causing problems given how unreliable it is.
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 .
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.