Помощник
|
Выравнить окно по центру экрана |
scva
|
Сообщение
#1
|
||
|
|
||
|
|||
locky-yotu |
23.8.2010, 15:32;
Ответить: locky-yotu
Сообщение
#2
|
|
вот простенькая функция, выравнивающая элемент по центру экрана:
[PHP]function alignObj(obj) { obj.style.position = 'fixed'; obj.style.top = '50%'; obj.style.left = '50%'; obj.style.margin = '-'+(obj.offsetHeight/2)+'px 0 0 -'+(obj.offsetWidth/2)+'px'; }[/PHP] |
|
|
scva
|
Сообщение
#3
|
|
отображается корректно только в фф
|
|
|
locky-yotu |
23.8.2010, 16:22;
Ответить: locky-yotu
Сообщение
#4
|
|
|
|
|
Alcorn |
23.8.2010, 16:29;
Ответить: Alcorn
Сообщение
#5
|
|
На тестовом примере некорректо только в IE6, во всех остальных гуд.
|
|
|
scva
|
Сообщение
#6
|
|
|
|
|
Alcorn |
24.8.2010, 5:39;
Ответить: Alcorn
Сообщение
#7
|
|
|
|
|
Zippovich |
24.8.2010, 5:47;
Ответить: Zippovich
Сообщение
#8
|
|
:wacko:
неужели для этого необходим JS? |
|
|
Alcorn |
24.8.2010, 6:00;
Ответить: Alcorn
Сообщение
#9
|
|
|
|
|
Zippovich |
24.8.2010, 6:38;
Ответить: Zippovich
Сообщение
#10
|
|
Ты хочешь сказать что так сейчас уже не модно?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html> <head> <title>Universal vertical center with CSS</title> <style> html, body {height: 100%} html, body, div {padding: 0; margin: 0} .greenBorder {background: green} /* just borders to see it */ </style> </head> <body> <div class="greenBorder" style="display: table; height: 100%; width: 100%; #position: relative; overflow: hidden;"> <div style=" #position: absolute; #top: 50%;display: table-cell; vertical-align: middle;"> <div class="greenBorder" style=" #position: relative; #top: -50%; background: red; width: 300px; margin: 0 auto"> any text<br> any height<br> any content, for example generated from DB<br> everything is vertically centered </div> </div> </div> </body> </html> |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
От какого экрана будут меньше уставать глаза OLED или IPS? | 3 | metvekot | 1038 | 12.3.2024, 16:25 автор: MisterBit |
|
Подборка экрана к ноутбук | 12 | L1nk_321 | 2637 | 5.3.2024, 14:10 автор: AlenaHead |
|
Выравнивание картинки по центру между текстом | 10 | NikN | 2637 | 6.1.2021, 23:24 автор: buypushplatform |
|
Прижать к низу экрана | 2 | sergei_burg | 5450 | 2.9.2018, 23:17 автор: -dkflbr- |
|
Сообщений: 72 [В закладки] [Окно ответа] #1 Senior Frontend Developer, М/МО | 0 | itincorp | 1808 | 18.4.2018, 14:40 автор: -itincorp- |
Текстовая версия | Сейчас: 26.4.2024, 2:15 |