Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Абсолютное позицыонирование на разных мониторах 
:(
    Опции темы
SadMan
Дата 26.9.2010, 21:51 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 46
Регистрация: 21.8.2009

Репутация: нет
Всего: нет



Всем привет)
Есть сайт который позицыонируется по центру екрана, некоторые елементы сайта зделаны с помощью position:absolute; Когда меняю разрешение екрана сайт стает по центру а елементы что используют position:absolute; стают не на свои места. Подскажите как решыть даную проблему.)
Я пробывал заменить position:absolute; на position:relative; и задать отрицательный top  Все б было хорошо если б елементы position:relative; не занимали на сайте место (тоисть вели себя приблизительно как position:absolute; но позицыонировальсь относительно своего места) ...Пробывал задать margin отрицательным но етот вариант работает коректно только в Хроме..
Спазибо за помощь ;)
PM MAIL   Вверх
bars80080
Дата 26.9.2010, 23:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



сайт позиционируется посередине экрана - он у вас полосой? то есть справа и слева есть поля?
вы эту полосу, на которой располагается сайт, сделайте position: relative; тогда все внутренние position: absolute будут отсчитываться от него
PM MAIL WWW   Вверх
prom2332
Дата 26.9.2010, 23:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


веб-мастер



Профиль
Группа: Участник
Сообщений: 14
Регистрация: 26.8.2010
Где: Москва

Репутация: нет
Всего: нет



Вам необходимо весь свой контент, который стоит по центру обрамить в тэг див и дать ему стиль position:relative; А уже внутри этого дива писать position:absolute; Это будет выглядеть примерно так:
Код

<div id="main">
<div id="elem1"></div>
<div id="elem2"></div>
...
...
...
</div>


Код

div#main {position:relative;}
div#elem1 {position:absolute; .....}
div#elem2 {position:absolute; .....}


Это сообщение отредактировал(а) prom2332 - 26.9.2010, 23:17
PM MAIL ICQ   Вверх
SadMan
Дата 27.9.2010, 14:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 46
Регистрация: 21.8.2009

Репутация: нет
Всего: нет



Спасибо парни, вашы советы помогли...респект ;)
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0953 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.