Перекрытие абсолюта

[d0ublezer0]

Вот страничка: тынц

Про дизайн ничего не говорите - что дали, то и верстаю

Картинки - тоже черновые.

Вопрос в следующем: почему кружок логотипа и выпадающее меню (о проекте) перекрывается нижней границей родительского элемента?

Только в IE (проверял в седьмом).

Overflow там не задан.

[Vlad]

Перекрывает в IE7, в версиях посвежее правильно. Можно page_wraper вниз опустить, а меню поднять. Хотя лучше со значениями position "поиграться" для элементов вроде меню и page_wraper.

[psywalker]

<div style="z-index: 3" class=menu_container>

[d0ublezer0]

Спасибо, Максим!

[psywalker]

Спасибо, Максим!

Рад был помочь

[d0ublezer0]

Не буду создавать новую тему, раз проблема там же: Ссылка

В IE7 выпадающее меню (О проекте) появляется не снизу от родительского пункта, а справа.

Почему так - не могу отловить.

Остальные мозилки-хромы нормально кажут, снизу.

Гляньте плиз, у кого время есть?

[psywalker]

1) От чего пляшет абсолют?

2) Почему у выпадающего меню стоит флоат вместе с абсолютом?

[d0ublezer0]

если ставить редителю (LI) relative, то выпадающему абсолюту можно задать положение относительно родителя, но тогда он режется по родительским размерам

флоат убрал

для IE помогла вот такая конструкция:

.parent ul {
	background:#eeeeee;
	overflow:hidden;
	position:absolute;
	z-index:3;
	padding:5px;
	margin-left:-100%;
	margin-top:18px;
}

Но это только для него. В FF при этом выпадающее меню слетает влево до границы страницы

Подозреваю, что есть более изящное решение.

Edited December 28, 2010 by d0ublezer0

[psywalker]

если ставить редителю (LI) relative, то выпадающему абсолюту можно задать положение относительно родителя, но тогда он режется по родительским размерам

флоат убрал

для IE помогла вот такая конструкция:

.parent ul {
	background:#eeeeee;
	overflow:hidden;
	position:absolute;
	z-index:3;
	padding:5px;
	margin-left:-100%;
	margin-top:18px;
}

Но это только для него. В FF при этом выпадающее меню слетает влево до границы страницы

Да, есть. Оно называется Условные комментарии)

Подозреваю, что есть более изящное решение.

Да, есть, оно называется Условные комментарии.

[d0ublezer0]

Да, есть, оно называется Условные комментарии.

Ну да, так и сделал.

Просто инетересно - а по другому (в смысле решения с позиционированием) - можно как-то?

И не могу проверить на IE8 - как там покажет?

Edited December 28, 2010 by d0ublezer0

[psywalker]

К сожалению ща нет времени ваще. В ИЕ8 засада полная. Меню вообще уехала за левый край)

[d0ublezer0]

в общем, мой рецепт только для седьмого. сделал комментарий только для него. вроде работает