| |
|
|
| | У меня получилось центрировать вот так.
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content='text/html; charset=windows-1251'>
</head>
<body>
<table align="center"><tr><td>
<div style="align:center; position:relative; left:0px; top:0px; width:300px; height:300px; BACKGROUND-COLOR:#CC9999">
Test; Test; Test; Test; Test; Test; Test; Test; <br>
Test; Test; Test; Test; Test; Test; Test; Test; <br>
Test; Test; Test; Test; Test; Test; Test; Test; <br>
Test; Test; Test; Test; Test; Test; Test; Test; <br>
Test; Test; Test; Test; Test; Test; Test; Test; <br>
Test; Test; Test; Test; Test; Test; Test; Test; <br>
Test; Test; Test; Test; Test; Test; Test; Test; <br>
</div>
</td></tr>
</table>
</body>
</html>
|
А как без помощи таблицы такое же сделать? | |
| |
|
|
| |
|
|
| |
для: ExtraBrain
(28.08.2006 в 14:16)
| | |
<div style="width:120px; margin:0 auto;">text</div>
|
| |
| |
|
|
| |
|
|
| |
для: AlexSol
(28.08.2006 в 14:18)
| | |
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content='text/html; charset=windows-1251'>
</head>
<body>
<div style="margin:0px auto; width:300px; height:300px; BACKGROUND-COLOR:#CC9999">
Test; Test; Test; Test; Test; Test; Test; Test; <br>
Test; Test; Test; Test; Test; Test; Test; Test; <br>
Test; Test; Test; Test; Test; Test; Test; Test; <br>
Test; Test; Test; Test; Test; Test; Test; Test; <br>
Test; Test; Test; Test; Test; Test; Test; Test; <br>
Test; Test; Test; Test; Test; Test; Test; Test; <br>
Test; Test; Test; Test; Test; Test; Test; Test; <br>
</div>
</body>
</html>
|
И в IE ничего не центрируется. :-( В Мурзиле правда нормально. Как быть? | |
| |
|
|
| |
|
|
| |
для: ExtraBrain
(28.08.2006 в 14:35)
| | | Нашёл
нужно ещё и это
<body style="text-align:center">
Правда не проверял в Опере | |
| |
|
|
| |
|
|
| |
для: ExtraBrain
(28.08.2006 в 14:35)
| | | работает везде.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
#main{
margin:0 auto;
padding:0;
border:1px solid red;
width:120px
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Untitled Document</title>
</head>
<body>
<div id="main">
<div>
Test; Test; Test; Test; Test; Test; Test; Test; <br>
Test; Test; Test; Test; Test; Test; Test; Test; <br>
Test; Test; Test; Test; Test; Test; Test; Test; <br>
Test; Test; Test; Test; Test; Test; Test; Test; <br>
Test; Test; Test; Test; Test; Test; Test; Test; <br>
Test; Test; Test; Test; Test; Test; Test; Test; <br>
Test; Test; Test; Test; Test; Test; Test; Test; <br>
</div>
</div>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: AlexSol
(28.08.2006 в 14:52)
| | | Спасибо. Но не понял почему двойной <div>
<div id="main">
<div>
...
</div>
</div>
|
| |
| |
|
|
| |
|
|
| |
для: ExtraBrain
(28.08.2006 в 15:15)
| | | можно и тройной.... (шутка).
не нравиться - уберите.
кажется дело в
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
|
кстати эксплорер наже шестого не центрует. | |
| |
|
|
| |
|
|
| |
для: AlexSol
(28.08.2006 в 15:23)
| | | Вот так лучше всего.
<html>
<head>
<style type="text/css">
#main {
position:relative;
margin:0 auto;
padding:0;
border:1px solid red;
width:760px;
height:100%;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Untitled Document</title>
</head>
<body style="text-align:center">
<div id="main">
Test; Test; Test; Test; Test; Test; Test; Test; <br>
Test; Test; Test; Test; Test; Test; Test; Test; <br>
Test; Test; Test; Test; Test; Test; Test; Test; <br>
Test; Test; Test; Test; Test; Test; Test; Test; <br>
Test; Test; Test; Test; Test; Test; Test; Test; <br>
Test; Test; Test; Test; Test; Test; Test; Test; <br>
Test; Test; Test; Test; Test; Test; Test; Test; <br>
<div style="position:absolute; right:0px; bottom:0px; height:100px; background-color:#CC9999">
<table border=1 width=100% height=100%><tr><td>12123123</td></tr></table>
</div>
</div>
</body>
</html>
|
Потому что если
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
то не работает height:100%; а это ОЧЕНЬ полезная весч. :-) | |
| |
|
|
| |
|
|
| |
для: ExtraBrain
(28.08.2006 в 15:37)
| | | просто нужно добавить
<style type="text/css">
body{
height:100%;}
</style>
|
| |
| |
|
|
| |
|
|
| |
для: AlexSol
(28.08.2006 в 15:42)
| | | В Опере и Мозиле не сработал :-(
<style type="text/css">
body{
height:100%;}
</style>
|
| |
| |
|
|
