Сайты - по стандартам, но не стандартные сайты!
Нигде не найти примера - как сделать горизонтальное меню на всю ширину экрана или это невозможно?
Вот так я сделала меню на 5 ячеек:
#menubar { margin: 0; padding: 0; background: #ccd; } #menubar ul { margin: 0; padding: 0; list-style: none; } #menubar li { float: left; margin-left: -1px; width: 20%; text-align: center; } #menubar a { margin: 0; padding: 0; border: 1px solid red; text-decoration: none; display: block; }
Блоку #menubar ширина не установлена => значит во весь экран, #menubar ul содержит в себе 5 ячеек, каждая по 20% родительской ширины. Сам список наследует ширину #menubar'a? Вроде все логично - но почему тогда меню не занимает всю ширину экрана, а справа остается некоторое место???
Нет на форуме
#menubar li {
float: left;
margin-left: -1px;
width: 20%;
text-align: center; }
Плюс неизбежные погрешности округления вычисленных пиксельных значений процентных величин.
Без использования табличной модели (например, путём использования display: table для нормальных таблиц и генерации настоящих таблиц для IE) полноценное резиновое меню нереализуемо.
Нет на форуме
Понятно
Нет на форуме
MT написал:
Без использования табличной модели (например, путём использования display: table для нормальных таблиц и генерации настоящих таблиц для IE) полноценное резиновое меню нереализуемо.
как понять сию фразу в скобках?
Нет на форуме
Блоку #menubar ширина не установлена => значит во весь экран
Нет, не значит. А 100% почему не укажите? Совсем не обязательно пользовать для таких вещенй таблицы.
Нет на форуме
chel написал:
MT написал:
Без использования табличной модели (например, путём использования display: table для нормальных таблиц и генерации настоящих таблиц для IE) полноценное резиновое меню нереализуемо.
как понять сию фразу в скобках?
Для нормальных браузеров использовать display: table, для IE — генерировать реальную таблицу из списка.
Нет на форуме