Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: line-height w background input
Pozycjonowanie i Optymalizacja > Projektowanie stron > HTML i CSS
Eldoka
witam, mam nietypowy problem.

Mam background pewnego inputa (dla pokazania problemu zrobiłem szkic).
Problem występuje tylko na 1 komputerze. Dodam, że chodzi o przeglądarkę firefox. Na innych komputerach i tej samej przeglądarce wygląda dobrze. Jakby ta jedna przeglądarka nie widziała linijki w css:
line-height:30px;

i nasz problem:





html:
KOD
      <div id="logowanie">
<input type="text" name="login" value="" />                    
<input type="password" name="password" value="" />
       </div>


CSS:

KOD
#logowanie {
    width:132px;
    padding-top:40px;
    padding-left:15px;
    float:left;
}

#logowanie input{
    width:132px;
    height:30px;
    background: url(glowna/input.png) no-repeat;
    border:0;
    margin:0px;
    padding:0px;
    outline:0;
    font-size:15px;
    line-height:30px;
    padding-left:10px;
    color:#686564;
}
buggie
Demo

Spakowane


Wyszło w sumie dobrze, ale jak wiadomo pod każdą przeglądarką nie będzie w 100% tak samo.

Sprawdzałem pod FF, Chrome, IE6,7,8 i było w miarę ok.

Pozdrawiam
Eldoka
odkryłem, że firefox w wersji niższej od 3.6 (aktualnej) ma udokumentowanego buga z tym związanym.
misieq
problem mozna spróbować rozwiązać w taki sposób:

.selektor_inputa{
font-size:11px;
line-height:11px;
padding: 10px 0;
}
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2012 Invision Power Services, Inc.