height: 1%; для ссылок

[buko]

Здравствуйте

Помогите пожалуйста разобраться.

Есть у меня один щаблон, код которого я пытаюсь понять.

Остановился на таком вопросе как "вертикальное меню".

Вот здесь шаблон: http://lukomorie.dax.ru/

Я не понял зачем height: 1% нужен в этом стиле:

#subnav li a {
    background: url("../images/bg_subnav.gif") no-repeat scroll 100% 100% transparent;
    display: block;
    height: 1%;
    padding: 5px 10px;
    text-decoration: none;
}

Edited April 5, 2011 by buko

[photograf]

свойство hasLayout для ИЕ7 и ниже. гугл в помощь.

[psywalker]

свойство hasLayout для ИЕ7 и ниже. гугл в помощь.

Нет, это именно для ИЕ6

[SelenIT]

Сам hasLayout есть и в 6-м, и в 7-м, тут photograf прав. Но вот включать его в 7-м через height рискованно, лучше через min-height. Или проще, если не заморачиваться мифической "валидностью CSS" — через zoom: 1 для всех IE<8 (но всё равно в условном комменте — чтоб Сафари, который тоже знает zoom, зря не напрягать).

[psywalker]

Сам hasLayout есть и в 6-м, и в 7-м, тут photograf прав. Но вот включать его в 7-м через height рискованно, лучше через min-height. Или проще, если не заморачиваться мифической "валидностью CSS" — через zoom: 1 для всех IE<8 (но всё равно в условном комменте — чтоб Сафари, который тоже знает zoom, зря не напрягать).

Вот как раз таки я и имел ввиду, про min-height для ИЕ7.

А ответь плиз, чем грозит zoom:1 Сафари?

[Great Rash]

но всё равно в условном комменте — чтоб Сафари, который тоже знает zoom, зря не напрягать

Шоб Сафари не напрягался можно (и даже нужно) написать -ms-zoom: 1;.

[SelenIT]

чем грозит zoom:1 Сафари?

В теории ничем, но... вспоминаем третье правило Светланы

можно (и даже нужно) написать -ms-zoom: 1;.

А смысл? Главные адресаты же — старички 6-7, а не 8-9, понимающие этот -ms-...

[Great Rash]

-ms понимается с версии 5.5

UPD: По крайней мере -ms-zoom.

[SelenIT]

-ms понимается с версии 5.5

UPD: По крайней мере -ms-zoom.

Звучит заманчиво, но, к сожалению, мой только что проведенный эксперимент этого не подтвердил

[Great Rash]

Странно, а мелкософты говорят, что работает.

UPD: Ладно, каюсь, посоветовал фигню. Сайт мелкомягких ввел в заблуждение. Мои эксперименты тоже ни к чему не привели. Обидно.

[SelenIT]

Мелкософты хитрые. В той сводной табличке они пишут, как по состоянию на сегодняшний день, чтобы выглядеть белыми, пушистыми и стандарто-совместимыми. А по ссылке с этого самого -ms-zoom написано такое:

Remarks

Windows Internet Explorer 8. The -ms-zoom attribute is an extension to CSS, and can be used as a synonym for zoom in IE8 Standards mode.

Т.е. основное свойство, которое работает с давних времен — именно zoom, а новое с моднявым префиксом — лишь синоним "для маскировки"...

[photograf]

Вообще, как я понял, -ms- не работает в 8-ке и ниже.

А про hasLayout есть такая информация.

По-умолчанию обладают ими:

html, body

table, tr, th, tr

img, iframe, object, embed

hr

input, select, textarea, fielsel, legend

По-умолчанию оно у них есть и не убирается.

Далее.

Если значения у элементов отличаются от указанных, то элемент приобретает свойство Layout

width, height - !auto

float - !none

zoom - !normal (используется в ИЕ) /gравда вот SelenIT ссылается на Сафари, хз, еще не проверял/

writing-mode - tb-rl

display - inline-block (кстати, задав inline-block, сбросить hasLayout не возможно для этого элемента)

max-height, max-width - !none (IE7)

max-height, max-width - !none (IE7)

overflow - !visible (IE7)

overflow-x, overwloy-y - !visible (IE7)

position - absolute (IE7 - контейнер получает Layout, IE6 - content-box ближайшего предка получает Layout)

position - fixed (IE7 - контейнер Layout)

В чем особенность элементов с этим свойством при отображении в ИЕ? В том, что элементы hasLayout реагируют на элементы с таким же свойством при выведении на странице.

Edited April 7, 2011 by photograf

[SelenIT]

Добавлю только, что префикс -ms- всё-таки работает в IE8 — в его стандартном режиме (т.е. с норм. доктайпом и не в "режиме совместимости с IE7"). И сам по себе "hasLayout" существует только в IE5-7 (в более новых — только в режиме эмуляции IE7 и в Quirks mode), в нормальных браузерах и современных IE такой беды нет вообще.

А zoom, по данным этого сайта, работает в Сафарях 4+ и Хроме 3+

[sigma77]

А zoom, по данным этого сайта, работает в Сафарях 4+ и Хроме 3+

Простейший тест подтверждает, что таки да

<div style="width: 100px; height: 100px; background: black; zoom: 10;"></div>

[psywalker]

Простейший тест подтверждает, что таки да

<div style="width: 100px; height: 100px; background: black; zoom: 10;"></div>

Да, но вроде какое то редкое свойство, я о таком даже не знал) Интересно, а где его можно применить