Jump to content
  • 0

Пожалуйста помогитес резиновой вёрсткой!


demonchik2002
 Share

Question

Здравствуйте!

Вот тут сайт: http://webstroy.ksn.ru/example/

Проблема как всегда с IE 6-7. Проблема с горизонтальным меню. Надо чтобы оно было резиновым, с равными отступами и по центру. Но при сужении, всё сбивается. Пробовал варианты с expression , но не помогло. Также попробовал задать для #selMenu ul ширину в 1000px , но при сужении, справа появляется щель (почему кстати...?)

В общем, очень нужна ваша помощь! Благодарю всех кто откликнется!:)

Link to comment
Share on other sites

15 answers to this question

Recommended Posts

  • 0
Не пойдёт! Таблицы как то не кошерно.

К тому же сайт на джумле будет, да и ещё выпадающее меню в перспективе...

Выпадающее меню можно сделать из дивов. Т.е. предварительно поместив их в ячейки таблицы.

Link to comment
Share on other sites

  • 0

Т.е. как ?! Поясните примером пожалуйста.

По умалчанию у джумлы вложенные меню идут вот так:

<ul>
<li><a><span>Item</span></a>
<ul></ul>
</li>

Но В общем то дело вообе не в ней. Интересно РЕШЕНИЕ дивной вёрсткой. Хотя бы для 7 го ослика. Неужели только таблицами?

Link to comment
Share on other sites

  • 0

Да, спасибо, очень впечатлило, но действительно не то...В моём примере, пункты должны быть равными по ширине. И это собственно камень приткновения. Вот уж не думал что такая тривиальная на первый взгляд задача фактически не решаема...

Хрен с ним, тогда хотя бы как установить ограничения на размер окна, чтобы список не расползался...?

Про таблицы не понял, вот так что ли?

<table><tr>
<td><ul><li></li></ul></td>
<td><ul><li></li></ul></td>
</tr></table>

Даже не представляю что за каша получится в итоге...

Link to comment
Share on other sites

  • 0

Дубль два:

используйте таблицы из-за того, что это "как то не кошерно" не использовать их глупо...

Читайте подпись у psywalker'а столько раз, сколько потребуется для полного просветления в голове!

Link to comment
Share on other sites

  • 0

Хм, ну т.е. перевёрсываем сайт таблицей и вместо #selMenu делаем одну большую ячейку для списка...?

Если это не было просветлением, то если не сложно пару тегов накидать. Буду очень благодарен:)

Link to comment
Share on other sites

  • 0

<table class="selMenu" cellspacing="0">
<tbody>
<tr>
<td><a href="#">О компании</a></td>
<td><a href="#">Технология</a></td>
<td><a href="#">Услуги</a></td>
<td><a href="#">Обслуживание</a></td>
<td><a href="#">Сервис</a></td>
</tr>
</tbody>
</table>

table.selMenu {
width: 100%;
table-layout: fixed;
border: 0;
border-spacing: 0;
border-collapse: collapse;
}

table.selMenu td {
text-align: center;
}

Link to comment
Share on other sites

  • 0

В общем решил проблему при помощи JS. Кому интересно, скрипт называется superfishmenu . Замечателен тем, что высчитывает ширину пунктов автоматически, в том числ и для вложенных.

Спасибо всем ответившим-_-

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy