FF vs IE line-height
Üdv mindenkinek!
Ismét egy klasszikus IE vs FF probléma. Van egy div, amiben van egy szövegdoboz illetve egy gomb. Ezeket szeretném függőlegesen és vízszintesen középre igazítani.
Firefoxban működik:
IE-6-7-ben így néz ki:
Tehát nincs függőlegesen középre igazítva.
Itt a kód:Tudtok segíteni nekem?
■ Ismét egy klasszikus IE vs FF probléma. Van egy div, amiben van egy szövegdoboz illetve egy gomb. Ezeket szeretném függőlegesen és vízszintesen középre igazítani.
Firefoxban működik:
IE-6-7-ben így néz ki:
Tehát nincs függőlegesen középre igazítva.
Itt a kód:
div#quicksearch {
float: left;
width: 230px;
background-color: #bcbcbc;
height: 22px;
text-align: center;
padding-top: 5px;
vertical-align: bottom;
}
div#quicksearch input.text {
border: 0px;
font-size: 10px;
height: 17px;
line-height: 17px;
padding-left: 6px;
padding-right: 6px;
width: 176px;
vertical-align: middle;
}
div#quicksearch input.submit {
border: 0px;
height: 17px;
width: 17px;
background: url("../skin/search_btn.gif") center 0px;
vertical-align: middle;
cursor: pointer;
}
<div id='quicksearch'>
<form>
<input type='text' value='kulcsszavas keresés' class='text' />
<input type='submit' value='' class='submit' />
</form>
</div>
