0 Всего найдено: 26

Links Сообщение 29/04/2009 10:28 Копия темы
ширина и ИЕ( проблема с ИЕ.... как всегда...
вобщем есть блок, в котором находится меню в ul'е. задача сделать это меню флоатом налево, и чтобы при необходимости оно растягивалось по ширине в зависимости от длины текста в пунктах меню. конечно же min-width но проблема в ИЕ... искал хаки по этому поводу с js'ом встроенным, просто блоки обертки, но ни один не пошел почему-то.

если не трудно напишите рабочий пример моделирующий эту ситуацию или хотя бы опишите словами... буду оч признателен. спасибо.

maksim000 Сообщение 29/04/2009 10:38 Копия темы
А покажите картинку, так что-то не очень ясно.

liderdenis Сообщение 29/04/2009 10:40 Копия темы
поставте ширину в процентах или сделайте через минимум

liderdenis Сообщение 29/04/2009 10:43 Копия темы
width:auto !important;
min-width:617px;
width:617px;

вот CSs попробуйте, тут в пикселях мои данные, поменяйте на свои

Links Сообщение 29/04/2009 10:47 Копия темы
сверху как надо (Opera) снизу ИЕ...

liderdenis Сообщение 29/04/2009 10:50 Копия темы
попробуйте задать для пунктов меню свойство display:block; и задайте ширину и высоту пункта меню

Links Сообщение 29/04/2009 10:51 Копия темы
везде нормально а в ИЕ не тянется если текста больше чем ширина, текст переносится на новоую строку, а надо именно тянучка

liderdenis Сообщение 29/04/2009 10:53 Копия темы
вот хороший блок xiper.net/html-and-css-tricks/glyuki-brauzero v/ie6/min-width-for-ie6.html гляньте может чтото поможет

maksim000 Сообщение 29/04/2009 10:54 Копия темы

Links Сообщение 29/04/2009 10:54 Копия темы
в этом варианте и другие не тянутся вместе с ИЕ.

maksim000 Сообщение 29/04/2009 10:56 Копия темы
А можно яваскрипт припаять, аналогичный min-width для боди.

maksim000 Сообщение 29/04/2009 10:57 Копия темы
Что за задания такие?.. Зачем меню от текста тянуть, не понятно.

Links Сообщение 29/04/2009 10:58 Копия темы
в этом случае сначала при небольших пунктах меню все нормально отображается, а стоит добавить пару слов к любому пункту и в ИЕ опять же ситуация как на скриншоте выше. растягивается на всю.

Links Сообщение 29/04/2009 10:59 Копия темы
не я придумывал)

maksim000 Сообщение 29/04/2009 11:05 Копия темы
Да меня просто клинит сегодня нипадеццки :)
Я пожалуй пока ничего больше советовать не буду... Только как сделаете, покажите пожалуйста (можно в личку), чтобы я понял наконец, чего там точно требовалось и как всё решилось.

Garovsky Сообщение 29/04/2009 12:04 Копия темы
покажите макет

Links Сообщение 29/04/2009 12:11 Копия темы
ХТМЛ:
<div id="menu_sub" class="left">

<a href="#" title="Sub"><img src="images/pointb.png" width="3px" height="3px" alt="pointb" />Sub menu1</a>

<a href="#" title="Sub"><img src="images/pointb.png" width="3px" height="3px" alt="pointb" />Sub menu2</a>

<a href="#" title="Sub"><img src="images/pointb.png" width="3px" height="3px" alt="pointb" />Sub menu4</a>

<a href="#" title="Sub"><img src="images/pointb.png" width="3px" height="3px" alt="pointb" />Sub menu5</a>

<a href="#" title="Sub"><img src="images/pointb.png" width="3px" height="3px" alt="pointb" />Sub menu6</a>

<a href="#" title="Sub"><img src="images/pointb.png" width="3px" height="3px" alt="pointb" />Sub menu7</a>

</div>

CSS:
#menu_sub {padding:5px 15px 20px 8px; width:20%;}
#menu_sub ul li {background-color:#fff; font: 12px Arial; padding:3px 0px 2px 0px;zoom:1;}
#menu_sub ul li img {float:left; display:inline; margin:5px 3px; }
#menu_sub ul li a {color:#1371fd; margin:0px 3px; padding-top:2px;}

--------------------
вот те вот width:20% не дают тянутся а без них все расползается в ие как на скрине.

Links Сообщение 29/04/2009 12:12 Копия темы
ul и li съелись, ну там понятно где они стоят. просто список в диве

Garovsky Сообщение 29/04/2009 12:26 Копия темы
>покажите макет
psd

Links Сообщение 29/04/2009 12:29 Копия темы
передача макета третьим лицам запрещен заказчиком (:

Links Сообщение 29/04/2009 12:30 Копия темы
а что касаемо этой проблемы то должно быть так как на скриншоте снизу. это и нарисовано в макете.

Garovsky Сообщение 29/04/2009 12:37 Копия темы
>покажите макет
>передача макета запрещена
имелся ввиду скрин psd.

может быть дело в классе "left"?

Garovsky Сообщение 29/04/2009 12:41 Копия темы
>сверху как надо (Opera) снизу ИЕ...
>должно быть так как на скриншоте снизу

ul { float: left; overflow: hidden; }
li { clear: left; float: left; white-space: nowrap; }

в файл стилей для ie добавляем
ul { zoom: 1; }

Links Сообщение 29/04/2009 13:03 Копия темы
спасибо. помогло. а если не трудно, пару слов об идее и принципе....

Garovsky Сообщение 29/04/2009 13:13 Копия темы
ul и li – по умолчанию блочные элементы, ошибка в этом.

overflow и zoom – для чистки потока.

вместо "clear: left; float: left;" можно сделать эмуляцию display: inline-block;, тогда не будет проблем с тянучкой фона.

отзыв поставите? :)

Links Сообщение 29/04/2009 13:16 Копия темы
аха Х.о