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 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Nov 2011
    Location
    South Denver, CO
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    border-right: issue on FireFox

    Hey all,

    I am working on completely redoing our website (FizzPow.com) I have a border-right: on my left column in a wordpress template I am modifying. It looks fine in Chrome, IE9, Safari5, but in FF7, it moves my right column all the way down.

    Here's the site:
    http://www.fizzpow.com/newsite/

    I am an experienced programmer but fairly novice with HTML/CSS. Please be kind and I very much appreciate your help!

  • #2
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,957
    Thanks
    9
    Thanked 727 Times in 721 Posts
    Well, your columns have width 66% (.out-threequarter) and 34% (.out-quarter) - which add up to 100%. Add a 1px border and it won't fit. Reduce one of the widths by 1% and it's fine.

    Your float drop occurs in IE8 as well.

  • #3
    New to the CF scene
    Join Date
    Nov 2011
    Location
    South Denver, CO
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thank you so much! I knew it had to be something simple.


  •  

    Posting Permissions

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