Deutsch
Germany.ru → Форумы → Архив Досок→ Вебдизайн и хостинг

JS позиционирования по центру

370  
vredina06 завсегдатай11.02.13 14:28
vredina06
NEW 11.02.13 14:28 
Ктонибудь может подсказать кроссбраузерный скрипт позиционирования дива по центру экрана вне зависимости от разрешения ?
#1 
  L@nixx завсегдатай11.02.13 16:41
NEW 11.02.13 16:41 
в ответ vredina06 11.02.13 14:28
а что css не достаточно?
#2 
vredina06 завсегдатай11.02.13 17:01
vredina06
NEW 11.02.13 17:01 
в ответ L@nixx 11.02.13 16:41, Последний раз изменено 11.02.13 17:01 (vredina06)
<div style="margin:0 25% auto"> если сделать так , то при увеличении масштаба уплывает влево
#3 
voxel3d патриот11.02.13 18:01
voxel3d
NEW 11.02.13 18:01 
в ответ vredina06 11.02.13 17:01
.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -100px;
    
  width: 200px;
  height: 100px;
  background: blue;  
}


Dropbox - средство синхронизации и бэкапа файлов.
#4 
CoDSP посетитель11.02.13 18:24
CoDSP
NEW 11.02.13 18:24 
в ответ vredina06 11.02.13 17:01, Последний раз изменено 11.02.13 18:27 (CoDSP)
window.innerWidth
widow.innerHeight
с JQuery берешь ширину и высоту div'a
ну и потом
( высота/ширина окна - высота/ширина div'a ) / 2
в принцыпе наверно все с JQuery написать можно
вот тут написано что IE не поддерживает...
http://www.mediaevent.de/javascript/window-browserfenster.html
#5 
  L@nixx завсегдатай12.02.13 01:44
12.02.13 01:44 
в ответ vredina06 11.02.13 17:01
так чтоле?
#6 
vredina06 завсегдатай12.02.13 06:56
vredina06
NEW 12.02.13 06:56 
в ответ L@nixx 12.02.13 01:44
не смешите меня я же просил скрипт а не стили. жаба скрипт который бы корректировал позицию по центру
#7 
  Posmotrim завсегдатай12.02.13 08:50
Posmotrim
NEW 12.02.13 08:50 
в ответ vredina06 12.02.13 06:56, Последний раз изменено 12.02.13 08:50 (Posmotrim)
В ответ на:
не смешите меня я же просил скрипт а не стили. жаба скрипт который бы корректировал позицию по центру

а вы зря так радуетесь. сам стиль в css, в скрипте происходит лишь установка класса.
#8 
Sergo2008 старожил12.02.13 08:56
Sergo2008
NEW 12.02.13 08:56 
в ответ vredina06 12.02.13 06:56
JS в браузере отключен, и позиционирование прощай...
voxel3d дал правильное решение, которое будет работать во всех случаях, как с JS так и без...
#9 
  L@nixx завсегдатай12.02.13 12:08
NEW 12.02.13 12:08 
в ответ vredina06 12.02.13 06:56
ради спортивного интереса, почему именно в жабе? есть какие то требования?
#10 
Vovan(ator) старожил12.02.13 12:16
Vovan(ator)
NEW 12.02.13 12:16 
в ответ vredina06 11.02.13 17:01
В ответ на:
при увеличении масштаба уплывает влево

И это "уплывание" происходит НЕ во всех браузерах?
И как-раз на ширину скроль-балки?
#11 
vredina06 завсегдатай12.02.13 18:27
vredina06
NEW 12.02.13 18:27 
в ответ L@nixx 12.02.13 12:08
есть , меню на жаба скрипте . при body text-align:center уплывает по центру , но это только в IE
#12 
  L@nixx постоялец12.02.13 23:42
NEW 12.02.13 23:42 
в ответ vredina06 12.02.13 18:27
в какой версии недобраузера это происходит то? я имею ввиду, есть вообще смысл этой возне?
#13