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 2010
    Posts
    216
    Thanks
    116
    Thanked 1 Time in 1 Post

    Input form CSS alignment issue between PC & MAC (CSS related)

    Hello,

    I am having a slight issue where the input box for a submit form is appearing perfectly aligned (vertically) with the submit image just to the right of it. It appears fine in FireFox, Chrome and IE. However the other folks in my office have Macs, and the input form is appearing about 2px too low for the submit image, and it is not lining up perfectly. For reference, here is a screenshot of what it looks like:



    Here is the CSS for it:

    #footerinputemail {
    bottom: 38px;
    height: 36px;
    position: relative;
    right: 3px;
    width: 191px;
    }
    input {
    background-color: #9C9A9C;
    border: 1px solid #FFFFFF;
    font-size: 18px;
    outline: medium none;
    width: 150px;
    }
    .image {
    border-width: 0;
    bottom: 20px;
    left: 150px;
    position: relative;
    width: 55px;
    }
    #signupemail {
    bottom: 44px;
    position: relative;
    right: 3px;
    }
    .inputtext {
    color: #DED7DE;
    font-size: 11px;
    font-style: italic;
    padding: 1px;
    }
    Any help would be greatly appreciated!
    Last edited by BlackReef; 04-20-2012 at 05:57 PM.

  • #2
    Regular Coder
    Join Date
    Apr 2010
    Posts
    216
    Thanks
    116
    Thanked 1 Time in 1 Post
    well, I got the alignment issue a bit closer. There is about a .5 pxl difference between the PC and MAC versions.

    There has got to be a way to get them both to appear properly?

    Any help would be greatly appreciated,

    -J

  • #3
    Regular Coder
    Join Date
    Apr 2010
    Posts
    216
    Thanks
    116
    Thanked 1 Time in 1 Post
    bump, still need help on this

    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
    •