| |
|
|
| | Как выровнить блок <div> по горизонтали по центру с помощью CSS?
Спасибо. | |
| |
|
|
| |
|
|
| |
для: Mookapek
(26.06.2008 в 01:27)
| | |
<html><head><title>DIV</title>
<style type="text/css">
<!--
.div_center { text-align:center; }
-->
</style>
</head>
<body>
<div class="div_center">Tratata</div>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: AlexDIXI
(26.06.2008 в 04:09)
| | | эээ... на самом деле это отцентрирует текст в этом блоке
<style>
#layout {
margin: 0px auto;
width: 500px;
height: 200px;
background: green;
}
</style>
<body>
<div id="layout"></div>
</body>
|
и не забудь XHTML-й доктайп поставить | |
| |
|
|
| |
|
|
| |
для: Lelik
(26.06.2008 в 12:43)
| | | Этот способ (margin: 0px auto;) работает только в FireFox. А в IE не работает!
Что делать?! | |
| |
|
|
| |
|
|
| |
для: Mookapek
(01.07.2008 в 01:04)
| | | а вот так только в IE
<div style="text-align: center">
<div>каля-маля</div>
</div>
|
скомбинируй и будет счастье
<style>
#layout {
margin: 0px auto;
width: 500px;
height: 200px;
background: green;
}
</style>
<body>
<div style="text-align: center">
<div id="layout"></div>
</div>
</body>
|
| |
| |
|
|
| |
|
|
| |
для: jbs
(01.07.2008 в 01:57)
| | | text-align - это отцентрирует только текст в блоке, а нужно сам блок! | |
| |
|
|
| |
|
|
| |
для: Mookapek
(01.07.2008 в 03:02)
| | | Блок в блоке вроде бы тоже должен выровняться по центру. | |
| |
|
|
| |
|
|
| |
для: Mookapek
(01.07.2008 в 03:02)
| | | >text-align - это отцентрирует только текст в блоке, а нужно сам блок!
>Блок в блоке вроде бы тоже должен выровняться по центру
Блок в блоке выровняться по центру только в IE, потому я и предложил скомбинировать,
код приведённый выше проверял на ие7, опера, огнелис. | |
| |
|
|
| |
|
|
| |
для: Mookapek
(26.06.2008 в 01:27)
| | |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Пример центрования слоя</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style type="text/css" media="all">
.block
{
position: absolute;
overflow: auto;
width: 600px;
height: 200px;
left: 50%;
top: 50%;
margin-left: -300px;
margin-top: -100px;
background: #C0DCC0;
}
</style>
</head>
<body> <div class="block"> Текст... </div></body>
</html>
|
в ИЕ и мозиле без проблем другие сам тестируй...но думаю тоже все будет нормально... | |
| |
|
|
| |
|
|
| |
для: serjinio
(01.07.2008 в 10:01)
| | | Всё, разобрался. Всем большое спасибо! | |
| |
|
|
