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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Как выровнять слой ровно по центру страницы? 
:(
    Опции темы
sidd
Дата 23.7.2008, 04:47 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


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

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



В общем, как это сделать? Причем ширина и высота слоя не известны.
В интернете находил только те методы, в которых размеры слоя были заранее определены. Ну а у меня они могут быть разные.
PM MAIL WWW ICQ Skype Jabber   Вверх
JR13
Дата 23.7.2008, 08:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 2
Регистрация: 22.7.2008
Где: MTL,QC,Canada

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



Может margin:0 auto; ?
PM WWW ICQ MSN   Вверх
krundetz
Дата 23.7.2008, 16:45 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Вечный странник
***


Профиль
Группа: Завсегдатай
Сообщений: 1400
Регистрация: 14.6.2007
Где: НН(Сормово)

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



если слой 100x100px

то

position: absolute;
top:50%;
left:50%;
margin-left:-50px;
margin-top:-50px;

если размеры слоя могут быть разными пишеш простинький js скрипт который сначала определяет размеры слоя а потом на их основе позиционирует его

Это сообщение отредактировал(а) krundetz - 23.7.2008, 16:47


--------------------
!цензоры - Хранитель стратегической жидкости
Группа ТГВ
Группа Нижний Новгород
user posted image
PM MAIL   Вверх
lukas
Дата 23.7.2008, 18:33 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



а как вам этот вариант))

<div align="center">
  твой див
</div>


--------------------
http://code.google.com/p/orionphp/ - opensource скриптовой язык Orion (аналог PHP) для freepascal/delphi.
PM MAIL WWW   Вверх
sidd
Дата 24.7.2008, 04:47 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


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

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



Цитата
Может margin:0 auto; ?

Нет, так не работает.
Цитата
если размеры слоя могут быть разными пишеш простинький js скрипт который сначала определяет размеры слоя а потом на их основе позиционирует его

А не подскажите, как средствами JS узнать размеры слоя? smile
lukas, вы не поняли. Мне не это нужно.
PM MAIL WWW ICQ Skype Jabber   Вверх
bars80080
Дата 24.7.2008, 09:00 (ссылка)    | (голосов:2) Загрузка ... Загрузка ... Быстрая цитата Цитата


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



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

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



Код

w = document.fetElementById('el1').offsetWidth;

PM MAIL WWW   Вверх
lukas
Дата 24.7.2008, 09:42 (ссылка)   | (голосов:2) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Цитата(sidd @  24.7.2008,  04:47 Найти цитируемый пост)
Нет, так не работает.


это не работает если не добавлено...

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">



--------------------
http://code.google.com/p/orionphp/ - opensource скриптовой язык Orion (аналог PHP) для freepascal/delphi.
PM MAIL WWW   Вверх
sidd
Дата 24.7.2008, 12:43 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


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

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



lukas, не знаю. Все равно что-то не хочет
bars80080, спасибо. Так я и сделаю.
PM MAIL WWW ICQ Skype Jabber   Вверх
sidd
Дата 2.8.2008, 01:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


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

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



Столкнулся еще с одной проблемой. Трабл возникает, когда на страничке есть вертикальный скролинг. Если прокрутить его вниз, то слой появляется уже не по центру экрана. Он появляется немного выше. Как сделать, чтобы скролинг тоже учитывался?

Это сообщение отредактировал(а) sidd - 2.8.2008, 01:17
PM MAIL WWW ICQ Skype Jabber   Вверх
webster
Дата 2.8.2008, 01:24 (ссылка)   | (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Можно использовать свойство scrollHeight для тега BODY, если у него не фиксирована высота http://developer.mozilla.org/en/docs/DOM:e...nt.scrollHeight http://msdn.microsoft.com/en-us/library/ms534615(VS.85).aspx

Это сообщение отредактировал(а) webster - 2.8.2008, 01:25
PM MAIL   Вверх
sidd
Дата 2.8.2008, 15:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


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

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



webster, не понимаю, как его можно использовать. Ну если я правильно понял, он просто возвращает высоту всей страницы. Так все равно же не известно, на какой позиции сейчас находится юзер. Без этого-то никак.
PM MAIL WWW ICQ Skype Jabber   Вверх
krundetz
Дата 4.8.2008, 15:04 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Вечный странник
***


Профиль
Группа: Завсегдатай
Сообщений: 1400
Регистрация: 14.6.2007
Где: НН(Сормово)

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



ну для fierfox достаточно сделать
Код

 position:fixed
 а вот для IE придется повозиться я лично использую следующию возможность
Код

margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');



--------------------
!цензоры - Хранитель стратегической жидкости
Группа ТГВ
Группа Нижний Новгород
user posted image
PM MAIL   Вверх
sidd
Дата 17.8.2008, 01:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


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

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



Цитата(krundetz @ 4.8.2008,  15:04)
ну для fierfox достаточно сделать
Код

 position:fixed
 а вот для IE придется повозиться я лично использую следующию возможность
Код

margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');

Спасибо!

Это сообщение отредактировал(а) sidd - 17.8.2008, 01:18
PM MAIL WWW ICQ Skype Jabber   Вверх
SelenIT
Дата 17.8.2008, 11:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

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



lukas, указанный Вами доктайп ничего не меняет по сравнению с его отсутствием. См. это (особ. табличку в конце).

sidd, для сабжевой задачи решений несколько. Вот неплохая ссылка для введения в вопрос ;)



--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
sidd
Дата 17.8.2008, 19:02 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


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

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



Цитата(SelenIT @  17.8.2008,  11:56 Найти цитируемый пост)
sidd, для сабжевой задачи решений несколько. Вот неплохая ссылка для введения в вопрос ;)

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


 




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


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

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