|
|
Модератор форума: Yuri_G |
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Подскажите с позиционированием элемента (контент не фиксируется.) |
Подскажите с позиционированием элемента |
Проблема:
вроде простая но не как не могу догнать в чём дело. Контент должен находиться на одной линии штрихованной с права, и зафиксированном положении. Но сейчас при разном разрешении монитора контент то влево то в право съезжает. Ещё это заметно когда зажимаешь Ctrl и прокручиваешь колесо мыши, контент съезжает со штрихованной линии. Где я не верно определил position? Сайт art-dao.com Примечание: до того как начинал ставить fancybox контент отображался как надо. (но удаляя стили fancybox ни чего не меняется). |
Director_Inspiration_,
Цитата Ещё это заметно когда зажимаешь Ctrl и прокручиваешь колесо мыши |
|
Director_Inspiration_,
Цитата А теперь нет. |
должно быть Код position: relative; В стилях которые отвечают за выравнивание влево в право щас стоит так Код /* content */ #content { position: relative; max-width: 940px; height: 3750px; padding: 0 10px; margin: 0 auto; line-height: 1.7; text-align: center; } #content article { width: 350px; } #content article h1 { margin: 0; font-size: 12px; font-family: futura-pt-1, Futura, Arial, sans-serif; line-height: 28px; letter-spacing: 2px; font-weight: bold; text-transform: uppercase; } #content article h1 a { color: #000; padding: 5px 10px; cursor: pointer; } #content article h1 a:hover { color: #fff; } article a, article a:link, article a:visited { color: #000; font-weight: bold; cursor: pointer } article a:hover { color: #fff; } #content article p { font-family: "museo-slab-1","museo-slab-2",'Georgia',serif; margin:0 0 20px 0; font-size:14px; line-height: 21px; font-style: normal; } #scene01-about , #scene02-shop, #scene03-studio, #scene04-blog, #scene05-about, #scene06-contact { padding-top: 120px; z-index: 500; left: 1152px; margin-left: -175px; } #scene01-about { position: absolute; top: 380px; } #scene02-shop { position: absolute; top: 450px; } #scene03-studio { position: absolute; top: 1000px; } #scene04-blog { position: absolute; top: 1920px; } #scene05-about { position: absolute; top: 2560px; } #scene06-contact { position: absolute; top: 3200px; } #socialsign { left: 763px; line-height: 18px; position: absolute; text-align: left; top: 3635px; z-index: 1000; font-size: 12px; width: 120px; } #socialsign a { color: #000; } #socialsign a:hover { color: #fff; } |
Director_Inspiration_, Опиши или нарисуй (Скрины) как сейчас и как должно быть.
Позиционирование простая штука. Код position: relative; Код position: absolute; Код top:100px; left:200px; Вроде бы все ясно... |
Татуированый,
Воот, уже не рас в статьях сталкиваюсь с такой записью. Наверно всё дело в родительном блоке от которого всё отталкивается. Осталось выяснить кто там родительный блок (каркас да и весь шаблон взял у другого сайта поэтому не разберу) самое главное на сайте всё абсолютно с фиксированным положением кроме этого контента. и не как не могу зафиксировать в одном положении этот контент. |
|
|
|
|
| |||
| |||