Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Поставить по центру
 
 автор: nickson   (30.04.2007 в 21:18)   письмо автору
 
 

Каким образом возможно поставить по центру (относительно вертикальной оси) страницы объект, то есть, так чтобы при открытии страницы его было видно по центру ёё?

   
 
 автор: sim5   (30.04.2007 в 21:22)   письмо автору
 
   для: nickson   (30.04.2007 в 21:18)
 

Либо использовать тег

<center>OBJECT<center>

либо указать в стиле элемента

<div align="center">OBJECT</div>

   
 
 автор: nickson   (30.04.2007 в 21:30)   письмо автору
 
   для: sim5   (30.04.2007 в 21:22)
 

Да это ясное дело. Я ж не об этом спрашиваю. Мне нужно выровнять по ВЕРТИКАЛЬНОЙ оси.

   
 
 автор: elenaki   (30.04.2007 в 21:31)   письмо автору
 
   для: sim5   (30.04.2007 в 21:22)
 

<CENTER> лучше не использовать, тэг устаревший и не рекомендуется к использованию. к тому же выравнивает он ПО ГОРИЗОНТАЛИ.

   
 
 автор: elenaki   (30.04.2007 в 21:35)   письмо автору
 
   для: elenaki   (30.04.2007 в 21:31)
 


<script language="JavaScript">

function closeWindow() {
document.getElementById("xyz").style.visibility = "hidden"
}

function putLayer() {
var leftLayer = (document.body.clientWidth - 950)/2
var topLayer = (document.body.clientHeight - 600)/2

document.getElementById("xyz").style.left = leftLayer
document.getElementById("xyz").style.top = topLayer
document.getElementById("xyz").style.visibility = "visible";

}

</script>
</head>

<body onLoad="putLayer()">

<div id="xyz" >
</div>
</body>
</html>


где 950 и 600 - размеры слоя, который всегда будет по центру - и по вертикали и по горизонтали.

   
 
 автор: sim5   (30.04.2007 в 21:37)   письмо автору
 
   для: elenaki   (30.04.2007 в 21:35)
 

Сорри за невнимательность)

   
 
 автор: AlexSol   (30.04.2007 в 21:37)   письмо автору
 
   для: elenaki   (30.04.2007 в 21:31)
 


<style media="screen">
body,html{
    padding:0;
    margin:0;
    height:100%;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    background:#206ba4 url(img/body.jpg) repeat-x 0 0;
}
#out{
position:absolute;
top:50%;
left:50%;
}
#container{
    position:relative;
}
.in{
    position:absolute;
    left:-300px;
    top:-250px;
    height:500px;
    width:600px;
    background-color: #ff9d3a;
}
</style>
<body>
<div id="out">
<div id="container">
<div class="in">
центр?
</div>
</div>
</div>
</body>

   
 
 автор: moonfox   (03.05.2007 в 23:12)   письмо автору
 
   для: AlexSol   (30.04.2007 в 21:37)
 

а могит body {text-align:center;}
?

   
 
 автор: AlexSol   (03.05.2007 в 23:21)   письмо автору
 
   для: moonfox   (03.05.2007 в 23:12)
 

так только по горизонтали получите.

   
 
 автор: moonfox   (04.05.2007 в 00:08)   письмо автору
 
   для: AlexSol   (03.05.2007 в 23:21)
 

как минимум этого и хотел :)

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования