Hartley Posted April 13, 2008 Share Posted April 13, 2008 I have a problem, a sort of odd one. I'm working on the CSS for the forum listing on a page, and have a very tiny problem (1x1 pixel, in fact!) with borders overlapping. Check the following link, the problem is in the Firefox Browser: http://www.castbuzz.com/forumtest/index.html I want the dark bottom border to take precedence over the subtle side border, but the side border is the one that's going through the bottom border! How could I resolve this problem so that the bottom dark border will be the solid one all the time? Thanks in advance! Quote Link to comment https://forums.phpfreaks.com/topic/100881-solved-side-border-over-bottom-border/ Share on other sites More sharing options...
Cosizzle Posted April 13, 2008 Share Posted April 13, 2008 Its within your 'Community Commins' right? I tried to find the actual style but gave up... Did you try setting a z-index to the style? btw. Nice Design! Quote Link to comment https://forums.phpfreaks.com/topic/100881-solved-side-border-over-bottom-border/#findComment-516285 Share on other sites More sharing options...
Hartley Posted April 13, 2008 Author Share Posted April 13, 2008 Took a screen shot and highlighted the areas here: http://www.castbuzz.com/images/problemarea.jpg And thank you very much! Quote Link to comment https://forums.phpfreaks.com/topic/100881-solved-side-border-over-bottom-border/#findComment-516340 Share on other sites More sharing options...
Cosizzle Posted April 13, 2008 Share Posted April 13, 2008 I think its the way CSS defaults. Top Left Bottom Right. Using Firebug, I got the lines to go above your 'Border-Left' using Border-Top in replacement of Border-Bottom I'm not sure if this is the solution your looking for... might take some reworking but hopefully thats it Quote Link to comment https://forums.phpfreaks.com/topic/100881-solved-side-border-over-bottom-border/#findComment-516353 Share on other sites More sharing options...
ToonMariner Posted April 14, 2008 Share Posted April 14, 2008 this is how the browser renders your commands - sorry but not that much you can do with out adding extra html containers to put bottom borders on them. Quote Link to comment https://forums.phpfreaks.com/topic/100881-solved-side-border-over-bottom-border/#findComment-516586 Share on other sites More sharing options...
Hartley Posted April 14, 2008 Author Share Posted April 14, 2008 In that case I just added an extra 1px high row to use instead: does the trick, just a bit more code. Thanks for the feedback! Quote Link to comment https://forums.phpfreaks.com/topic/100881-solved-side-border-over-bottom-border/#findComment-516885 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.