Центр и булавка к основанию родителя

Question

Привет всем, быстрый вопрос касательно CSS.На моем сайте мне бы хотелось, чтобы навигационная панель была отцентрирована и прикреплена к нижней части заголовка (нижней части градиента).Я не могу понять, как это сделать.

Сайт не поддерживает IE ... Пока что.

Answer 1

Сделайте ваш тег 'header' как относительную позицию. Затем сделайте тэг 'nav' как абсолютную позицию и сделайте 'bottom: 0' для него. Все в вашем CSS. И это должно работать. Затем переместите его влево или / и вправо, используя правила 'left' и 'right' в css.

Как это:

header {
position: relative;
zoom: 1; /*needed to clear float in IE*/
}

header:after {
clear: both;
display: block;
content: " ";
visibility: hidden;
height: 0;
}

nav {
position: absolute;
bottom: 0;
}

Answer 2

Попробуйте установить заголовок в относительную позицию, а навигацию в абсолютную, а не относительную.