PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Выравнивание по центру фиксированного блока

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS (Модераторы: ALEN, armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

etoYA	Отправлено: 18 Мая, 2014 - 02:08:13
Участник Покинул форум Сообщений всего: 1859 Дата рег-ции: Июль 2011 Откуда: Крым Помог: 21 раз(а)	CODE (html): скопировать код в буфер обмена <nav id="main-nav"> <ul> <li><a href="#">Page</a></li> <li><a href="#">Page</a></li> <li><a href="#">Page</a></li> <li><a href="#">Page</a></li> <li><a href="#">Page</a></li> <li><a href="#">Page</a></li> <li><a href="#">Page</a></li> <li><a href="#">Page</a></li> </ul> </nav> CODE (html): скопировать код в буфер обмена #main-nav { text-transform: uppercase; font-size: 18px; font-family: 'PT Sans Narrow'; display: block; margin: 20px 0 0 0; width: 100%; height: 40px; background: #4e6385; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 0; } #main-nav .text { line-height: 40px; float: left; } #main-nav ul { padding: 0; list-style: none; } #main-nav ul li { padding: 0 15px; line-height: 40px; float: left; border-left: 1px solid #3c4d67; } #main-nav ul li:first-child { border-left: 0; } #main-nav ul li a { color: #ffffff; } #main-nav ul .active, #main-nav ul li:hover { background: #455775; } #main-nav ul .active a, #main-nav ul li:hover a { color: #ffffff; } при прокрутке страницы добавляю класс CODE (htmlphp): скопировать код в буфер обмена .fixed{ position: fixed; top: -20px; } но выглядит это как то так... (верхний блок темно-синего цвета) http://rghost[dot]ru/55292034/image[dot]png Как мне выровнять этот блок по центру? Если его ширина зависит от ширины родительского блока? (.container его ширина может меняться). CODE (html): скопировать код в буфер обмена .container { margin-left: auto; margin-right: auto; padding: 0 15px; width: 1170px; } (Отредактировано автором: 18 Мая, 2014 - 02:12:42)

3d_killer	Отправлено: 18 Мая, 2014 - 21:31:42
Участник Покинул форум Сообщений всего: 1916 Дата рег-ции: Апр. 2011 Откуда: Ростов-на-Дону Помог: 21 раз(а)	для дива фиксированной ширины margin:0 auto;

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« HTML, Дизайн & CSS »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.