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
    New to the CF scene
    Join Date
    May 2009
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Wierd behavior of input[type="text"] in FireFox

    Hi everyone!
    I was trying to make a custom INPUT for my site using this code:
    Code:
    .search {
    	height:22px;
    }
    .search input[type="text"]{
    border:0px;
    height:22px;
    width:187px;
    padding:0;
    background: url(gfx/search_box.png) top left no-repeat;
    }
    .search input[type="submit"]{
    border:0px;
    height:22px;
    width:71px;
    padding: 0;
    text-align:left;
    background: url(gfx/search_button.png) top left no-repeat;
    cursor:pointer;cursor:hand;
    }
    Code:
    <div class="search">
    <input type="text" value="search text"/>
    <input type="submit" value="искать"/>
    </div>
    And for some reason text input in firefox gets lower than in all other browsers:
    Here's appearance in webkit. opera and even IE:

    And this is how it appears in FF:


    I even tried to give the containing div (.search) desired height (22px), but that input went lower than it should be:


    Here's a link to entire page:
    http://www.tmean.ru/design/

    The question is: how do I make it all look same?

    Thank you for your help.

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,853
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Have a try by setting float:left; to your text element.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New to the CF scene
    Join Date
    May 2009
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    hm...
    that helps...
    its kinda bung but it helps
    thanx =)


  •  

    Posting Permissions

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