Показать сообщение отдельно
  #1 (permalink)  
Старый 28.10.2012, 01:11
Новичок на форуме
Отправить личное сообщение для SlashMan Посмотреть профиль Найти все сообщения от SlashMan
 
Регистрация: 28.10.2012
Сообщений: 6

Косяк с Tabs в Jquery UI
Доброго времени суток.

Слетают табы если запихиваю содержащий их div в таблицу, например:

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Первый</a></li>
        <li><a href="#tabs-2">Second</a></li>
        <li><a href="#tabs-3">Third</a></li>
    </ul>
   <div id="tabs-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<button id="button1">Button</button></div>
   <div id="tabs-2">Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.</div>
    <div id="tabs-3">Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</div>
</div>


Так все работает нормально. А если так:

<table align="center">
<tr><td>
<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Первый</a></li>
        <li><a href="#tabs-2">Second</a></li>
        <li><a href="#tabs-3">Third</a></li>
    </ul>
   <div id="tabs-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<button id="button1">Button</button></div>
   <div id="tabs-2">Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.</div>
    <div id="tabs-3">Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</div>
</div>
</td></tr>
</table>


То табы съезжают

Результат на скриншотах:

Тут все как надо. Такой результат получаю когда табы не в таблице:


После внесения в таблицу все съезжает, как тут:


Вчем может быть проблема?
Заранее спасибо за помощь
Ответить с цитированием