Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 12.06.2011, 17:00   #1
ZvEr_HaCkEr
VisualC++/DirectX
Форумчанин
 
Аватар для ZvEr_HaCkEr
 
Регистрация: 16.07.2010
Сообщений: 831
По умолчанию Правильное позиционирование элемента

Здравствуйте, в общем есть блок с абсолютным позиционирование, которые едет на разных мониторах и при изменении размера окна браузера. Помогите исправить проблему.

Проблемный блок:
Код:
#ContentBg{
   -moz-box-shadow:-1px 0 0 #e9e9e9,2px 0 0 #e3e3e3;
   -webkit-box-shadow:-1px 0 0 #e9e9e9,2px 0 0 #e3e3e3;
   box-shadow:-1px 0 0 #e9e9e9,2px 0 0 #e3e3e3;
   position:absolute;
   right:0;
   margin: 60px 95px 0 0;
   float:right;
   width:330px;
   height:100%;
   background-color:#f5f5f5;
   border-left:1px solid #ffffff;
   border-right:1px solid #ffffff;
   background-image:....;
}
Сам блок расположен в контейнере:
Код:
#container {
    margin : auto;
    width : 1100px;
    padding : 0 25px;
}
Структура дивов:

Код:
<div id="container">

		<div class="works">

		</div>

<div id="main">
<div class="contentSection">

</div>

</div>	

<div id="ContentBg">

</div>
</div>
ZvEr_HaCkEr вне форума Ответить с цитированием
Старый 12.06.2011, 17:26   #2
marccella
Пользователь
 
Регистрация: 22.05.2011
Сообщений: 42
По умолчанию

Он едет потому что скорее всего он позиционирован абсолютно относительно окна браузера. Т.е. ни одному родительскому элементу не задано 'position:relative;'.
Попробуйте

Код:
#container {
    position:relative;
    margin : auto;
    width : 1100px;
    padding : 0 25px;
}
marccella вне форума Ответить с цитированием
Старый 12.06.2011, 17:56   #3
ZvEr_HaCkEr
VisualC++/DirectX
Форумчанин
 
Аватар для ZvEr_HaCkEr
 
Регистрация: 16.07.2010
Сообщений: 831
По умолчанию

До этого лучше выглядило
До:

После:
ZvEr_HaCkEr вне форума Ответить с цитированием
Старый 12.06.2011, 19:46   #4
marccella
Пользователь
 
Регистрация: 22.05.2011
Сообщений: 42
По умолчанию

Ну а что конкретно Вы пытаетесь добиться. Куда именно надо етот абсолютно позиционированный блок прикрепить?
marccella вне форума Ответить с цитированием
Старый 13.06.2011, 04:09   #5
ZvEr_HaCkEr
VisualC++/DirectX
Форумчанин
 
Аватар для ZvEr_HaCkEr
 
Регистрация: 16.07.2010
Сообщений: 831
По умолчанию

Куда именно надо етот абсолютно позиционированный блок прикрепить
к правой части контейнера

Последний раз редактировалось ZvEr_HaCkEr; 13.06.2011 в 05:14.
ZvEr_HaCkEr вне форума Ответить с цитированием
Старый 13.06.2011, 21:48   #6
marccella
Пользователь
 
Регистрация: 22.05.2011
Сообщений: 42
По умолчанию

К правой части левого или правого контейнера?
marccella вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Позиционирование IFRAME Morphling HTML и CSS 5 26.06.2010 16:34
Позиционирование Syltan HTML и CSS 0 25.03.2010 19:15
Позиционирование serg_sk HTML и CSS 0 18.03.2010 20:42
Си -Расположить элементы в порядке возрастания от первого нулевого элемента до отрицательного элемента Freia Помощь студентам 17 13.12.2009 15:41
Позиционирование элемента vlad2423 HTML и CSS 7 09.03.2009 20:28