Problem with CSS padding in Safari 3+

Discussion in 'Web Design and Development' started by bruedc, Nov 6, 2009.

  1. bruedc macrumors newbie

    Nov 6, 2009
    Found a similar thread a while ago, but the problem was due to the OP's browser cache and not an issue with CSS. Couldn't find any other solution, so I'm hoping for some help.

    I can't figure out why Safari isn't reading CSS padding properly for an input area (of a HTML form). Basically, I'm trying inline properly an input tag, but Safari is reading only the horizontal padding and not vertical.

    Here's the sample markup:

    And screenshot:

    I've tried already expanding/changing the height and width to adjust the vertical alignment of the whole input value, plus the padding, but no dice.

  2. angelwatt Moderator emeritus


    Aug 16, 2005
    Try adding/removing this one the text field,
    padding: 0px 2px 0px 7px;
    position: absolute; top: 20px;
    vertical-align: top;
    /*height: 39px;*/
    It may need some other CSS, but just working from what you gave can't give a detailed solution. Safari simply has some default setting for centering the text in a text field whereas other browsers aligning it to the top.

Share This Page