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 9 of 9
  1. #1
    Regular Coder
    Join Date
    Jun 2003
    Location
    Spokane, WA
    Posts
    512
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Wierd Footer thing

    So I'm not exactly sure how I did this, and maybe it only looks like it to me, but when you look at this page it seems as if the footer is pushed into the background or somehow beveled...but then again maybe it looks totally dumb and I need my eyes checked.

    Lemme know what you think!

    Edit: I put this thread in this forum because it has to do with the graphic effect of something, although it is not a graphic. Tell me if I should put stuff like this elsewhere.


    -Ben
    Thoughts determine what you want,
    Actions determine what you get.

  • #2
    Senior Coder
    Join Date
    Mar 2003
    Location
    OHIO
    Posts
    1,438
    Thanks
    1
    Thanked 0 Times in 0 Posts
    These all need to be lower case first, then see what it looks like.

    Code:
     /* Footer */
            div.footer {
    		position: absolute;
                    bottom: 0px;
            	left: 0px;
                    Width: 90%;
    		 BORDER-RIGHT: #dcdcdc 1px solid;
    		 BORDER-TOP: #dcdcdc 1px solid;
                     BORDER-LEFT: #dcdcdc 1px solid;
                     BORDER-BOTTOM: #FFFFFF 1px solid;
    		 PADDING: 2px 2px 2px 2px;
    		 FONT-WEIGHT: normal;
    		 FONT-SIZE: 10px;
                     FONT-FAMILY: verdana, Arial;
                     FONT-VARIANT: normal;
    		 FONT-STYLE: normal;
    		 TEXT-ALIGN: Center;
                     TEXT-TRANSFORM: none;
    		 TEXT-DECORATION: none;
                     COLOR: #000000;
                     BACKGROUND-COLOR: #eee;
    		 MARGIN: 10px 10px 10px 10px;
    		}
    [size=1]"If you want to be "in the biz" you are going to have to roll with the changes or get out, basically."

  • #3
    Regular Coder
    Join Date
    Jun 2003
    Location
    Spokane, WA
    Posts
    512
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Ok, it didn't change anything. Any reason I'm supposed to have them all in lower case?
    Thoughts determine what you want,
    Actions determine what you get.

  • #4
    Senior Coder
    Join Date
    Mar 2003
    Location
    OHIO
    Posts
    1,438
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Originally posted by Ben@WEBProp
    Ok, it didn't change anything. Any reason I'm supposed to have them all in lower case?
    "Standards compliance" all attributes need to be lower case.

    I'll look a little deeper.

    Is this the only page it does it on?

    MNS
    [size=1]"If you want to be "in the biz" you are going to have to roll with the changes or get out, basically."

  • #5
    Regular Coder
    Join Date
    Jun 2003
    Location
    Spokane, WA
    Posts
    512
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I appreciate your helpful research, and I will make sure the rest of my css stays in lowercase. The effect on the footer happens on every page, and it is not so much a problem if it looks alright. It looks fine to me, but what do you think as far as:

    1) How "ugly/cool" it is

    2)How it occured

    Thanks!

    -Ben
    Thoughts determine what you want,
    Actions determine what you get.

  • #6
    Regular Coder
    Join Date
    Jun 2003
    Location
    Spokane, WA
    Posts
    512
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Whoops, forgot something!

    I am only having 2 problems with it thus far:

    1) The thing wont become centered, but I am 75% sure that I can get this figured out by tomorow.

    2) The stupid thing will SOMETIMES (but not always) overlap the bottom-most content of the page (usually the last line or two)

    Any reasons why?

    Thanks...again!

    -Ben
    Thoughts determine what you want,
    Actions determine what you get.

  • #7
    Senior Coder
    Join Date
    Mar 2003
    Location
    OHIO
    Posts
    1,438
    Thanks
    1
    Thanked 0 Times in 0 Posts
    This is why it looks like that:

    BORDER-RIGHT: #dcdcdc 1px solid;
    BORDER-TOP: #dcdcdc 1px solid;
    BORDER-LEFT: #dcdcdc 1px solid;
    BORDER-BOTTOM: #FFFFFF 1px solid;

    If you do not want it to look like that remove the border or change it so it looks like you want it to.

    I should have seen that one right off. D'oh!!

    As far as it overlapping, I guess I need to see a page that it does that on to tell.

    Center it the same way you centered your container div.

    The attribute being upper case could cause a rendering problem in some browser I suppose. Not real sure on that one but if it were me I 'd change it all to lower case.


    MNS
    [size=1]"If you want to be "in the biz" you are going to have to roll with the changes or get out, basically."

  • #8
    Regular Coder
    Join Date
    Jun 2003
    Location
    Spokane, WA
    Posts
    512
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Oh, alright. I think I see t now, in that the borders are all slightly darker than the bg, and the bottom border is white. I dont remember doing that...but oh well!

    Thanks! It always looked to me like a bevel effect rather than a white line on the bottom.

    -Ben
    Thoughts determine what you want,
    Actions determine what you get.

  • #9
    Senior Coder
    Join Date
    Jul 2002
    Posts
    1,628
    Thanks
    0
    Thanked 0 Times in 0 Posts
    You also should incase that address in the footer with an <address> element.
    Semantic issues, you understand.

    Moderator: General web building

    Get out from under them, resist and multiply.
    Get out from under precipice and see the sky.


  •  

    Posting Permissions

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