Помощник
 |
|
|
|
|
Сообщение сайта
|
 Блок по центру экрана |
makis`
|
Сообщение
#1
|
||
 0  Группа: User Сообщений: 42 Регистрация: 12.1.2011 Поблагодарили: 0 раз Репутация:  0 
 |
|
||
 |
|
||
|
adlic
|
 27.9.2011, 20:38;
Ответить: adlic
Сообщение
#2
|
 0 Группа: User Сообщений: 995 Регистрация: 5.8.2010 Поблагодарили: 0 раз Репутация: 0
|
(makis` @ 27.9.2011, 23:07)  Как мне сделать блок по центру экрана? Не то что делается типо align=center, а например top:50% left:50%. Сами спросили, сами ответили: [CSS]#content{ position:absolute; width: 800px; top:50%; left:50%; margin-left:-400px; }[/CSS] |
|
|
|
|
makis`
|
Сообщение
#3
|
|
0 Группа: User Сообщений: 42 Регистрация: 12.1.2011 Поблагодарили: 0 раз Репутация: 0
|
он не отступает 50%
я про это и имел ввиду, так бы что я писал то |
|
|
|
|
adlic
|
27.9.2011, 21:27;
Ответить: adlic
Сообщение
#4
|
|
0 Группа: User Сообщений: 995 Регистрация: 5.8.2010 Поблагодарили: 0 раз Репутация: 0
|
Яваскриптом высчитать высоту тогда.
|
|
|
|
|
thesat
|
27.9.2011, 23:53;
Ответить: thesat
Сообщение
#5
|
 0 Группа: User Сообщений: 128 Регистрация: 11.9.2011 Поблагодарили: 0 раз Репутация: 0
|
Нужно выровнять по вертикали? Попробуйте поместить в другой родительский блок со свойством position:relative.
|
|
|
|
|
zabmix
|
28.9.2011, 7:01;
Ответить: zabmix
Сообщение
#6
|
 0 Группа: User Сообщений: 352 Регистрация: 16.4.2011 Поблагодарили: 0 раз Репутация: 0
|
я делал так:
<div style="position: fixed; top:0; left: 0; width:100%; height: 100%;">
<table style="width:100%; height: 100%;"> <td valign="center" align="center"> <div style="width:400px; text-align: left;">тут контент выравнивается по вертикали и горизонтали</div> </td> </table> |
|
|
|
|
Очень
|
28.9.2011, 14:41;
Ответить: Очень
Сообщение
#7
|
|
0 Группа: User Сообщений: 303 Регистрация: 6.5.2011 Поблагодарили: 0 раз Репутация: 0
|
(makis` @ 27.9.2011, 23:07) Как мне сделать блок по центру экрана? Не то что делается типо align=center, а например top:50% left:50%. Вот что я сделал: #content{ width: 800px; height: 100%; margin: 0 auto; } Это только уровнял по центру, а как мне еще отступить 50% от верха? У вас высота блока 100%, как вы собираетесь ещё 50% отступись сверху? |
|
|
|
|
makis`
|
Сообщение
#8
|
|
0 Группа: User Сообщений: 42 Регистрация: 12.1.2011 Поблагодарили: 0 раз Репутация: 0
|
(zabmix @ 28.9.2011, 10:01) я делал так: <div style="position: fixed; top:0; left: 0; width:100%; height: 100%;"> <table style="width:100%; height: 100%;"> <td valign="center" align="center"> <div style="width:400px; text-align: left;">тут контент выравнивается по вертикали и горизонтали</div> </td> </table> помогло |
|
|
|
|
zabmix
|
30.9.2011, 4:20;
Ответить: zabmix
Сообщение
#9
|
|
0 Группа: User Сообщений: 352 Регистрация: 16.4.2011 Поблагодарили: 0 раз Репутация: 0
|
(makis` @ 29.9.2011, 18:22) помогло Рекомендуется вставлять этот код в body до "сайта" или после, к примеру <html>
<body> <div style="position: fixed; top:0; left: 0; width:100%; height: 100%; display:none;" id="myPop"> <table style="width:100%; height: 100%;"> <td valign="center" align="center"> <div style="width:400px; text-align: left;">тут контент выравнивается по вертикали и горизонтали</div> </td> </table> </div> <div id="my_page"> ... <a onclick="document.getElementByID('myPop').style.display='block';">показать окно</a> </div> </body> </html> |
|
|
|
|
Yasuka
|
30.9.2011, 11:08;
Ответить: Yasuka
Сообщение
#10
|
|
0 Группа: User Сообщений: 150 Регистрация: 10.4.2010 Поблагодарили: 0 раз Репутация: 0
|
Маленькая инструкция от tutorialzine.com.
|
|
|
|
|
|
Похожие темы
| Тема | Ответов | Автор | Просмотров | Последний ответ | |
|---|---|---|---|---|---|
 |
От какого экрана будут меньше уставать глаза OLED или IPS? | 3 | metvekot | 1038 | 12.3.2024, 16:25 автор: MisterBit |
|
Подборка экрана к ноутбук | 12 | L1nk_321 | 2636 | 5.3.2024, 14:10 автор: AlenaHead |
|
 Выравнивание картинки по центру между текстом |
10 | NikN | 2637 | 6.1.2021, 23:24 автор: buypushplatform |
|
Как скрыть блок в приложении на Android | 0 | Вито_052 | 1093 | 15.12.2019, 12:37 автор: Вито_052 |
|
Появляющийся блок | 0 | sergei_burg | 2216 | 1.6.2019, 13:39 автор: -sergei1980- |
|
Текстовая версия | Сейчас: 25.4.2024, 10:02 |
