SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Wizard billy_111's Avatar
    Join Date
    Jul 2009
    Posts
    1,683
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Padding on text box different in Firefox and IE

    Hey,

    Take a look at this page:

    http://www.loumolloy.com/lou/

    If you notice the "Sign up to Lou Molloys Style News & receive 10% off your 1st order!" section you will see that textbox text 'email address' appears perfect in firefox but not in IE.

    Does anyone know why this is?

    Thanks
    Software Engineer ASP, ASP.NET, VB, PHP

    Kind regards
    Billy

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,481
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    It looks out in both to me. One is too high and the other is too low.

    Try something like this:

    Code:
    .rounded {
        background:  url(http://www.loumolloy.com/lou/images/email.png) no-repeat left top;
        padding:0 5px;
        width: 202px;
        height: 28px;
        line-height:28px;
        margin-left:5px;
        color:#a5a5a5;
        font-size:11px;
    }

  3. #3
    SitePoint Wizard billy_111's Avatar
    Join Date
    Jul 2009
    Posts
    1,683
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks again Paul,

    It's just that these clients moan about the smallest of things so it's best just to keep them happy :-)

    Appreciate the help.
    Software Engineer ASP, ASP.NET, VB, PHP

    Kind regards
    Billy


Bookmarks

Posting Permissions

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