 |
|
25.04.2010, 18:01
|
|
Познающий
Регистрация: 06.07.2009
Сообщений: 54
С нами:
8867850
Репутация:
17
|
|
Приветствую
есть извечный вопрос.
есть <div> вокруг только body
как его разместить точно по центру экрана?
Заранее спасибо. |
|
|
25.04.2010, 18:46
|
|
Новичок
Регистрация: 17.04.2010
Сообщений: 15
С нами:
8457210
Репутация:
3
|
|
попробуй тaк: зaдaй eму ширину и высоту, и margin: auto;
протeстировaть, к сожaлeнию, нe могу, т.к. нe домa..
|
|
|
|
25.04.2010, 19:00
|
|
Познающий
Регистрация: 06.07.2009
Сообщений: 54
С нами:
8867850
Репутация:
17
|
|
это я пробовал.
нужно ещё как то body растянуть на весь экран.
100% ная высота не катит почему то
|
|
|
|
25.04.2010, 19:16
|
|
Новичок
Регистрация: 17.04.2010
Сообщений: 15
С нами:
8457210
Репутация:
3
|
|
Можно попробовать растянуть таблицу на всю ширину, сделать в ней единственный td (опять же на весь экран), и внутри размещать див.
Хотя, я тут подумал, если размеры дива фиксированные, то можно как-то так...
position: absolute;
width: 200px;
height: 200px;
left: 50%;
top: 50%;
margin: -100px 0 0 -100px;
по идее должно работать..
P.S. Если где-то опечатался, не ругать, со смарта пишу)
P.P.S протестировал, работает
Последний раз редактировалось z-kzn-z; 25.04.2010 в 21:37..
|
|
|
|
25.04.2010, 21:02
|
|
Участник форума
Регистрация: 15.11.2006
Сообщений: 259
С нами:
10255414
Репутация:
151
|
|
PHP код:
<html>
<head>
</head>
<body>
<div id="our_div" style="margin-left:auto;margin-right:auto;height:100px;width:100px;position:relative;background:#f00;">
Текст
</div>
<script>
var doc_height = document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientHeight:document.body.clientHeight;
var el=document.getElementById('our_div');
el.style.top = doc_height/2 - Number(el.offsetWidth) +'px';
</script>
</body>
</html>
Получаем height рабочей области, перемещаем наш див по центру. Ну или сразу его рисуем там через document.write
ps: разрывы строк в некоторых местах не забудь убрать |
|
|
|
27.04.2010, 23:07
|
|
Познающий
Регистрация: 11.04.2009
Сообщений: 47
С нами:
8991498
Репутация:
2
|
|
Как херня называется чтобы под огненную лисицу для жаба разработчиков?
|
|
|
|
29.04.2010, 16:30
|
|
Участник форума
Регистрация: 10.09.2009
Сообщений: 120
С нами:
8772211
Репутация:
56
|
|
Сообщение от XPYMGT
Как херня называется чтобы под огненную лисицу для жаба разработчиков?
Greasemonkey
|
|
|
|
08.05.2010, 18:12
|
|
Новичок
Регистрация: 07.05.2010
Сообщений: 4
С нами:
8428346
Репутация:
0
|
|
у меня вопрос по div в ie!
<div style="position:absolute;height:100px;width:100px; top:10px;left:10px;background:blue;">
<div style="position:absolute;height:100px;width:100px; top:0px;left:200px;background:red;">
bla bla bla bla bla
</div>
</div>
мне надо что б ie позволил выходить за рамки внутренему div относительно отцовского не обрезая его...
в других бравзерах это работает и так но ие как всегда все через одно место... |
|
|
|
08.05.2010, 19:01
|
|
Постоянный
Регистрация: 26.07.2009
Сообщений: 321
С нами:
8838619
Репутация:
123
|
|
попробуй z-index внутреннего поставить больше, чем у родителя
и исправь синтаксическую ошибку у родителя: у тебя "p x" вместо "px"
|
|
|
|
08.05.2010, 19:20
|
|
Новичок
Регистрация: 07.05.2010
Сообщений: 4
С нами:
8428346
Репутация:
0
|
|
пробувал не работает и overflow:visible; тоже...
может у кого есть ещё какието идеи?
|
|
|
|
|
|
|
|
Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
|
|
|
|
Похожие темы
Линейный вид
