ugrás a tartalomhoz

FF vs IE line-height

gphilip · 2008. Aug. 25. (H), 12.55
Ü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:
  1. div#quicksearch {  
  2.     float: left;  
  3.     width: 230px;  
  4.     background-color: #bcbcbc;  
  5.     height: 22px;  
  6.     text-align: center;  
  7.     padding-top: 5px;  
  8.     vertical-align: bottom;  
  9. }  
  10.   
  11. div#quicksearch input.text {  
  12.     border: 0px;  
  13.     font-size: 10px;  
  14.     height: 17px;  
  15.     line-height: 17px;  
  16.     padding-left: 6px;  
  17.     padding-right: 6px;  
  18.     width: 176px;  
  19.     vertical-align: middle;  
  20. }  
  21.   
  22. div#quicksearch input.submit {  
  23.     border: 0px;  
  24.     height: 17px;  
  25.     width: 17px;  
  26.     background: url("../skin/search_btn.gif") center 0px;  
  27.     vertical-align: middle;  
  28.     cursor: pointer;  
  29. }  
  1. <div id='quicksearch'>  
  2.     <form>  
  3.             <input type='text' value='kulcsszavas keresés' class='text' />  
  4.             <input type='submit' value='' class='submit' />  
  5.     </form>  
  6. </div>  
Tudtok segíteni nekem?
‹ Javascript+div+dinamikus tartalomváltás onChange() FF3 probléma ›
 ■