Вчера я увидел сообщение от goos, использующего ucweb: Кто сказал, что меню Float нельзя центрировать по горизонтали ? Я зашел и посмотрел, и обнаружил, что метод немного громоздкий, с использованием отрицательных полей, позиции: относительного и некоторых других; хаки.
У меня есть более простой способ, который я покажу сначала:
На самом деле мне следовало поставить еще один диван снаружи, но, чтобы сократить выбросы углекислого газа, я отказался от него.
Окно запуска кода
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
http://www.w3.org/1999/xhtml ">
<голова>
[Ctrl+A: Советы по выбору всех: сначала вы можете изменить часть кода, а затем нажать «Выполнить»]
Наиболее важной является эта фраза:
Чтобы позаботиться о более низких версиях IE, здесь используются условные комментарии. Похоже, что в IE7 и ниже функция display:inline; эквивалентна inline-block;.
Навигация по раздвижной двери возникла из приведенного выше кода:
Окно запуска кода
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
http://www.w3.org/1999/xhtml ">
<голова>
<тело>
[Ctrl+A: Советы по выбору всех: сначала вы можете изменить часть кода, а затем нажать «Выполнить»]
Среди них эти два предложения необходимо объяснить, чтобы их не считали излишними:
#navigation li a{overflow:hidden;} /* Скрыть 3 пикселя, удаленные в IE5.5 и 6. Это не ошибка 3 пикселей! Поскольку height:30px;line-height:33px в IE5.5 и 6, высота равна 33px; */
#navigation li a span{cursor:hand;}/* Устраните ошибку в IE 5.5, 6 и 7, из-за которой мышь не отображала форму руки при помещении на пролет. Кроме того, IE5.5 не поддерживает курсор:указатель, но все версии IE распознают курсор:рука;*/;
Готово. Недостаток в том, что написание этой строки условных комментариев - это как песок в глаза людям с xhtml-мизофобией. Если вы хотите от этого избавиться, то использовать хак не помешает! хе-хе!
Никаких проблем не обнаружено в Safari4, Chrome, Opera10, ie5.5, 5, 6, 7, ff3.