15 февраля 2006

Listamatic, ul/li menus & min-width in IE

На Listamatic есть серия симптичных СSS only меню, базированных на идее раскрывания ul/li по горизонтали, и показывания вложенного подменю из ul/li. Общее неудобство - сворачивание браузера до малых размеров и момента когда список начинает складываться. (Поэтому примеры там на 4 пункта :)

На моем проекте количество пунктов в меню разогнали по ширине почти до 800, что привело к проблеме некрасивого складывания
списка при уменьшении размера окна.

На FF / Safari проблема решается просто и через CSS: min-width
IE 6 такого еще не понимает.

Можно пользоваться следующим извратом:

[div id="menuplaceholder"]
[div id="menu"]
[ul] ... ul/li CSS menu code


#menuplaceholder {
border-right:800px;
}

#menu {
TEXT-ALIGN: left;
height: 16px;

margin: 0px;
margin-left: 40px;

white-space:nowrap;
min-width: 800px;

/*IE trick */
float:left;
position:relative;
margin-right:-800px;
}

следует лишь следить чтобы min-width совпадал в бордере, маржине, и min-width для СSS2 aware browsers.

Комментариев нет:

Архив блога

What to do?

Problem:
you have site designed in a dark theme, saying dark background, white font.
By default google toolbar autocomplete cracks html for inputs or selects containg "email" "name" "address" and other buzzwords and changes background to yellow. As a result when visitor fills form, he enters text as white on yellow and can not easy validate his input
What to do?

Таги

Followers

item http://www.voronenko.com/2006/02/listamatic-ulli-menus-min-width-in-ie.html