Показать сообщение отдельно
  #1 (permalink)  
Старый 29.01.2012, 12:34
Аспирант
Отправить личное сообщение для bartonom Посмотреть профиль Найти все сообщения от bartonom
 
Регистрация: 05.05.2011
Сообщений: 48

Выталкивание float - табов вниз
Здравствуйте! Как решить проблему выталкивания float-вкладок вниз.
В браузере IE8 при масштабировании (Ctrl+) выше определенной величины, вкладки уходят вниз, в чем суть и как решить проблему?
Для сравнения, например, в Google Chrome, при 300% и выше, все нормально, т.е просто появляется горизонтальная полоса прокрутки, чего ожидалось и от IE8
Использованные стили:
.tabs { 
    margin: 0.8em 4px -1px;
    height: 2.2em; 
	white-space:nowrap;
	}	
.tabs li {
    float: left;         
    padding-right: .25em;  /* расстояние между вкладками справа */
    height: 2.2em;
    position: relative;
    z-index: 1;
    border-bottom: 2px solid #FFF;
	}

Вкладки:
Код:
<tr class="headbox_main"> 
 <td colspan="7"> 
  <ul class="tabs">
   <li><a href='#'>Вкладка 1</a></li>
   <li><a href='#'>Вкладка 2</a></li> 
   <li><a href='#'>Вкладка 3</a></li> 
   <li><a href='#'>Вкладка 4</a></li>   
   <li><a href='#'>Вкладка 5</a></li>  
  </ul>
 </td>
</tr>
Вид вкладок в файле "tab.jpg"
Изображения:
Тип файла: jpg tab.jpg (23.7 Кб, 11 просмотров)
Ответить с цитированием