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
    Regular Coder
    Join Date
    Apr 2005
    Posts
    315
    Thanks
    18
    Thanked 2 Times in 2 Posts

    Border stops short . . .

    REF: http://chieftainclothing.com/mockup/

    I have a 1px border around the wrapper on this page and it stops about 10px short of the bottom.

    Any suggestions?

  • #2
    New Coder
    Join Date
    Sep 2011
    Posts
    40
    Thanks
    4
    Thanked 1 Time in 1 Post
    It actually doesn't stop 10px short of the bottom, the bottom part in red IS part of the same border, it was just given a different color, and therefore the browser wants to blend the left and right border into the bottom border (if you take a screen shot and zoom in, you'll see a gradient of the gray turning into red).

    The solution depends on what exactly you want the border to look like. Do you want that 1px border to wrap underneath the red? Go under the wrapper on top of the red? Just be completely gone and have only red?

  • Users who have thanked Kremlin for this post:

    michael180 (09-16-2011)

  • #3
    Regular Coder
    Join Date
    Apr 2005
    Posts
    315
    Thanks
    18
    Thanked 2 Times in 2 Posts
    Quote Originally Posted by Kremlin View Post
    It actually doesn't stop 10px short of the bottom, the bottom part in red IS part of the same border, it was just given a different color, and therefore the browser wants to blend the left and right border into the bottom border (if you take a screen shot and zoom in, you'll see a gradient of the gray turning into red).

    The solution depends on what exactly you want the border to look like. Do you want that 1px border to wrap underneath the red? Go under the wrapper on top of the red? Just be completely gone and have only red?
    I fixed it by moving the "footer" out of the "wrapper". So I have the 1px border, top, right, and left, and the red border at the bottom. It seems to work.

    Thanks


  •  

    Posting Permissions

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