Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: Выравнивание по центру фиксированного блока
Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS » Выравнивание по центру фиксированного блока

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

1. etoYA - 18 Мая, 2014 - 02:08:13 - перейти к сообщению
CODE (html):
скопировать код в буфер обмена
  1.  
  2. <nav id="main-nav">
  3.   <ul>
  4.     <li><a href="#">Page</a></li>
  5.     <li><a href="#">Page</a></li>
  6.     <li><a href="#">Page</a></li>
  7.     <li><a href="#">Page</a></li>
  8.     <li><a href="#">Page</a></li>
  9.     <li><a href="#">Page</a></li>
  10.     <li><a href="#">Page</a></li>
  11.     <li><a href="#">Page</a></li>
  12.   </ul>
  13. </nav>
  14.  

CODE (html):
скопировать код в буфер обмена
  1.  
  2. #main-nav {
  3.   text-transform: uppercase;
  4.   font-size: 18px;
  5.   font-family: 'PT Sans Narrow';
  6.   display: block;
  7.   margin: 20px 0 0 0;
  8.   width: 100%;
  9.   height: 40px;
  10.   background: #4e6385;
  11.   -webkit-border-radius: 0;
  12.   -moz-border-radius: 0;
  13.   border-radius: 0;
  14.   border: 0;
  15. }
  16. #main-nav .text {
  17.   line-height: 40px;
  18.   float: left;
  19. }
  20. #main-nav ul {
  21.   padding: 0;
  22.   list-style: none;
  23. }
  24. #main-nav ul li {
  25.   padding: 0 15px;
  26.   line-height: 40px;
  27.   float: left;
  28.   border-left: 1px solid #3c4d67;
  29. }
  30. #main-nav ul li:first-child {
  31.   border-left: 0;
  32. }
  33. #main-nav ul li a {
  34.   color: #ffffff;
  35. }
  36. #main-nav ul .active,
  37. #main-nav ul li:hover {
  38.   background: #455775;
  39. }
  40. #main-nav ul .active a,
  41. #main-nav ul li:hover a {
  42.   color: #ffffff;
  43. }
  44.  


при прокрутке страницы добавляю класс
CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2. .fixed{  
  3.     position: fixed;
  4.     top: -20px;
  5. }
  6.  


но выглядит это как то так... (верхний блок темно-синего цвета)

http://rghost[dot]ru/55292034/image[dot]png

Как мне выровнять этот блок по центру? Если его ширина зависит от ширины родительского блока? (.container его ширина может меняться).

CODE (html):
скопировать код в буфер обмена
  1.  
  2. .container {
  3.   margin-left: auto;
  4.   margin-right: auto;
  5.   padding: 0 15px;
  6.   width: 1170px;
  7. }
  8.  
2. 3d_killer - 18 Мая, 2014 - 21:31:42 - перейти к сообщению
для дива фиксированной ширины margin:0 auto;

 

Powered by ExBB FM 1.0 RC1