Форум Flasher.ru

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)
-   HTML/DHTML/CSS/JS/VB (http://www.flasher.ru/forum/forumdisplay.php?f=66)
-   -   отjustifyить горизонтальное меню (http://www.flasher.ru/forum/showthread.php?t=135825)

TTS 02.02.2010 18:08

отjustifyить горизонтальное меню
 
Код работает в FF и опере. Осталось подстроить под ИЕ и в особенности под любимый ИЕ6.
Код:

<html><head>
<style>
ul {
        padding: 0 20px;
        height: 38px;
        text-align: justify;
        overflow: hidden;
        border: 1px solid #ff0000;
        list-style: none;
}
li {
        display: inline-block;
        height: 38px;
        border: 1px solid #0000ff;
}
</style>
</head><body>
<ul>
        <li>qwe</li>
        <li>asd</li>
        <li>zxc</li>
        <li style="width: 100%;">&nbsp;</li>
</ul>
</body></html>

Так. Последний спрятанный li нужен для разрыва строки, иначе justify не работает. ИЕ (6,7) не понимает inline-block, но можно применить inline и получить убогое подобие растяжки, - только если убрать height: 38px; а этого делать низзя.
Что же делать?

Добавлено через 42 минуты
http://www.sitepoint.com/forums/show...6&postcount=39
Quiz 2: (equal Spread)

Добавлено через 43 минуты
Сам себе ответил


Часовой пояс GMT +4, время: 12:37.

Copyright © 1999-2008 Flasher.ru. All rights reserved.
Работает на vBulletin®. Copyright ©2000 - 2026, Jelsoft Enterprises Ltd. Перевод: zCarot
Администрация сайта не несёт ответственности за любую предоставленную посетителями информацию. Подробнее см. Правила.