Если не работает {margin:0 auto;}

Jafar · January 12, 2009

Сделал статичный сайт с фиксированной шириной, но почему-то он все не хочет центроваться. Раньше использовал {margin:0 auto;}, но на этот раз он почему-то не работает. Подскажите пожалста какие могут быть причины или какие еще могут быть способы для выравнивания блоков по центру страницы.

Vlad · January 12, 2009

Ширину то у блока задал? А то без указания ширины никакие margin: 0 auto не работают.

SelenIT · January 12, 2009

какие могут быть причины

Доктайп?

Jafar · January 12, 2009

Доктайп?

html 4.0

Searcher · January 12, 2009

Ну и как мы поймем в чем проблема?! Телепатией еще не владеем...

Код проблемной зоны в студию. И доктайп все-таки полностью, как в коде, надо показать, а то некоторые, просто, в написании ошибаются.

Jafar · January 12, 2009

<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="stylesheet" href="css/menu.css" />
<link rel="stylesheet" href="main.css" />
</head>
<title>face_trimmed</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

</head>
<body   style=" background:url(bg.jpg) #FFFFFF; margin:0;">

[color="#FF0000"]<div id="Table_01" >[/color]
	<div id="index-01">

	</div>
	<div id="index-02">

	</div>
	<div id="index-03">

	</div>
	<div id="index-04"></div>
	<div id="index-05"></div>
	<div id="index-06"></div>
	<div id="index-07"></div>
	<div id="index-08">
	<div >
       <div align="center" id="hv" class="main_menu1"><a href="index.html" class="style4" >ГЛАВНАЯ</a></div>
       <div align="center" id="hv"  class="main_menu2"><a href="chema.htm" class="style4" >СХЕМА  ПРОЕЗДА</a></div>
       <div align="center" id="hv"  class="main_menu3"><a href="contact.htm" class="style4">КОНТАКТЫ</a></div>
     </div>
<div id="list3">
<div><div class="title" id="hv2"><a href="poshiv.html" class="menu1">Пошив салонов</a></div>
<div>
 <a href="koza.htm" class="style5" >-Кожа</a><br>
<a href="velur.htm" class="style5" >-Велюр</a></div>
			</div>

			<div>
				<div class="title" id="hv2">Шумоизоляция</div>
				<div><a href="exclusive.html" class="style5" >-Вибропласт</a><br>
                <a href="exclusive.html" class="style5" >-Битопласт</a><br>
                <a href="exclusive.html" class="style5" >-Маделин</a><br>
                <a href="exclusive.html" class="style5" >-Exclusive</a><br>
              <a href="expert.html" class="style5" >-Expert</a><br>
              <a href="SB-series.html" class="style5" >-Kicx - SB-series</a><br>
              <a href="ST-series.html" class="style5" >-Kicx - ST-series</a></div>
			</div>

			<div>
				<div class="title2" id="hv2"><a  href="music.htm">Музыка</a></div>


			</div>

            <div>
				<div class="title" id="hv2"><a href="signal.html">Сигнализации</a> Centurion</div>
				<div><a href="Tango.html" class="style5">-Centurion Tango </a><br>
				<a href="Twist.html" class="style5">-Centurion Twist </a><br>

				<a href="xq.html" class="style5">-Centurion XQ </a><br>
				<a href="xsafebet.html" class="style5">-Centurion XsafeBet </a><br>
				<a href="Next.html" class="style5">-Centurion Next </a>


				</div>
			</div>
		 <div>
				<div class="title2" id="hv2"><a href="mebel.htm">Мебель</a></div>

	   </div>

       <div>


	   <div class="title2" id="hv2"><a   href="tonirovka.html">Тонирование</a></div>

	   </div>
       <div>
	   <div class="title2" id="hv2"><a href="works.htm">Наши работы</a></div>


	   </div>

            <div>
				<div class="title2" id="hv2"><a href="onas.htm">О нас...</a></div>

			</div> </div>

	</div>
	<div id="index-09">

</div>
	<div id="index-10">

    <div class="content">

    </div>
</div>
  <div id="index-11"></div>
	<div id="index-12">
    <div class="paper"><a class="compet" style="position: absolute; margin-top:100px; left: 104px; top: 250px; color:#333;" href="#"><p>Читать далее...</p></a></div>
    </div>
	<div id="index-13"></div>
	<div id="index-14"></div>
	<div id="index-15"></div>
	<div id="index-16"></div>
	<div id="index-17"></div>
</div>

</body>
</html>

вот стили:

@charset "utf-8";
/* CSS Document */



#screenshot
{
	position:absolute;
	border:2px solid #ccc;

	background:#FFFFFF;
	padding:5px 5px 10px 5px;
	display:none;
	color:#fff;
	}



	body { 
margin:0px;
}
.center {width:960px;margin:0 auto;
}
[color="#FF0000"]#Table_01 {
	position:absolute;
	margin:o auto;
	left:0px;
	top:-15px;
	width:960px;
	height:1210px;
}
[/color]
#index-01 {
	position:absolute;
	background:url(images/index_01.gif) #FCD703;
	left:0px;
	top:0px;
	width:538px;
	height:141px;
}

#index-02 {
	position:absolute;
	background:url(images/index_02.gif) #FCD703;
	left:538px;
	top:0px;
	width:422px;
	height:141px;
}

#index-03 {
	position:absolute;
	background:url(images/index_03.gif) #FFF;
	left:0px;
	top:141px;
	width:29px;
	height:30px;
}

#index-04 {
	position:absolute;
	background:url(images/index_04.gif) #FFF;
	left:29px;
	top:141px;
	width:306px;
	height:30px;
}

#index-05 {
	position:absolute;
	background:url(images/index_05.gif) #FFF;
	left:335px;
	top:141px;
	width:203px;
	height:129px;
}

#index-06 {
	position:absolute;
	background:url(images/index_06.gif) #FFF;
	left:538px;
	top:141px;
	width:422px;
	height:129px;
}

#index-07 {
	position:absolute;
	background:url(images/index_07.gif) #FFF;
	left:0px;
	top:171px;
	width:29px;
	height:999px;
}

#index-08 {
	position:absolute;
	background:url(images/index_08.gif) no-repeat #FFF;
	left:29px;
	top:171px;
	width:306px;
	height:579px;
}

#index-09 {
	position:absolute;
	background:url(images/index_09.gif) #FFF;
	left:335px;
	top:270px;
	width:38px;
	height:162px;
}

#index-10 {
	position:absolute;
	background: #FFF;
	background:#FFF;
	left:373px;
	top:255px;
	width:562px;
	height:915px;
}

#index-11 {
	position:absolute;
	background:url(images/index_11.gif) #FFF;
	left:935px;
	top:270px;
	width:25px;
	height:900px;
}

#index-12 {
	position:absolute;
	background:url(images/index_12.gif) #FFF;
	background:#FFF;
	left:29px;
	top:805px;
	width:259px;
	height:409px;
}

#index-13 {
	position:absolute;
	background:url(images/index_13.gif) #FFF;
	left:288px;
	top:432px;
	width:85px;
	height:778px;
}

#index-14 {
	position:absolute;
	background: url(images/index_14.jpg) #FFF;
	left:0px;
	top:1170px;
	width:34px;
	height:40px;
}

#index-15 {
	position:absolute;
	background:url(images/index_15.gif) #FFF;
	left:34px;
	top:1170px;
	width:254px;
	height:40px;
}

#index-16 {
	position:absolute;
	background:url(images/index_16.gif) #FFF;
	left:373px;
	top:1170px;
	width:543px;
	height:40px;
}

#index-17 {
	position:absolute;
	background:url(images/index_17.gif) #FFF;
	left:916px;
	top:1170px;
	width:44px;
	height:40px;
}
.style1 {
	font-size: 12px
}
.main_menu1 {
height:26px; width:70px; position:absolute;left:20px;
	top:12px;
	font-weight: 500;
	font-size: 14px;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
}
.main_menu2 {
height:26px; width:70px; position:absolute;left:110px;
	top:4px;
	font-weight: 500;
	font-size: 14px;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
}
.main_menu3 {

height:26px; width:70px; position:absolute;left:202px;
	top:13px;


}

Edited January 12, 2009 by Jafar

Victor Ananiev · January 12, 2009

Поместите код в соответствующие теги.

Вам же прямо ответили:

Ширину то у блока задал? А то без указания ширины никакие margin: 0 auto не работают.

Jafar · January 12, 2009

Ширина задана 960px!!!

spdif · January 13, 2009

Если не работает { margin: 0 auto; }, то в вашем случае это непонимание + невнимательность!

Вобщем то что вы выделили цветом, здесь и надо разбирать:


[color="#FF0000"]#Table_01 {
	position:absolute;
	margin:o auto;
	left:0px;
	top:-15px;
	width:960px;
	height:1210px;
}
[/color]

хотя что тут собственно разбирать? все очевидно.

1. Автоотступ работает для тех элементов которые идут в потоке (это ваше непонимание)

2. Опечатка, вместо цыфры 0 записана буква о (это ваша невнимательность)

Вот так пробуйте

#Table_01 {
	position: relative;
	margin: 0 auto;
	top: -15px;
	width: 960px;
	height: 1210px;
}

Jafar · January 13, 2009

Большое спасибо за помощь.

А насчет потоков можно поподробнее.Что это и где почитать об этом?

Edited January 13, 2009 by Jafar

spdif · January 13, 2009

А насчет потоков можно поподробнее.Что это и где почитать об этом?

Здесь

Jafar · January 13, 2009

Спасибо еще раз.

И последний вопрос: какое значение position стоит по умолчанию, т.е. если оно не указано?

Edited January 13, 2009 by Jafar

spdif · January 13, 2009

какое значение position стоит по умолчанию?

relative

rash · January 13, 2009

Спасибо еще раз.
И последний вопрос: какое значение position стоит по умолчанию, т.е. если оно не указано?

static.

Searcher · January 13, 2009

relative

Не правда, по умолчанию position стоит static

Jafar · January 13, 2009

Благодарю всех за помощь!

spdif · January 13, 2009

Не правда, по умолчанию position стоит static

Согласен

paraped · June 24, 2010

Ребя, помогите, всю голову сломал, не центруется див с ид body, хоть убей...(выделено красным)

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>***оглавление***</TITLE>
<META content="text/html" charset="windows-1251" http-equiv="Content-Type">
<META name=description content="***описание***">
<META name=keywords content="***ключ.слова***">
<META name=GENERATOR content="MSHTML 8.00.6001.18928">

<LINK rel=stylesheet type=text/css href="dump_files/style2.css">
</HEAD>

<BODY>

<DIV id=fon></DIV>
[color="#FF0000"]<DIV id=body>[/color]

<DIV id=header>
<!--villages | villages | millennium-->
<DIV class=color-brown onmouseover=overmenu(); onmouseout=outmenu();>
<DIV class=top_pos>
	<SPAN id=menu_text>
		 
		<A style="MARGIN-LEFT: 11px" class=active href="#">Menu1</A> 
		<A style="MARGIN-LEFT: 31px" href="#">Menu2</A> 
		<A style="MARGIN-LEFT: 31px" href="#">Menu3</A>
		<A style="MARGIN-LEFT: 31px" href="#">Menu4</A>
		<A style="MARGIN-LEFT: 31px" href="#">Menu5</A>
		<A style="MARGIN-LEFT: 31px" href="#">Menu6</A>
		<A style="MARGIN-LEFT: 31px" href="#">Menu7</A>
	</SPAN>
</DIV>

<script>
var submenu='';
submenu+='<a style="margin-left:100px" href="#">Лестницы в бетоне</a>';
submenu+='<a style="margin-left:30px" href="#">Лестницы с отделкой</a>';
var clearsub=' ';
</SCRIPT>

<DIV class=down_pos>
	<A class="active" onmouseover="faded = window.setInterval('initfade(clearsub);',0);" onmouseout="window.clearInterval(faded)" href="#">Главная</A>
	<A style="MARGIN-LEFT: 32px" onmouseover="faded = window.setInterval('initfade(clearsub);',0);" onmouseout="window.clearInterval(faded)" href="#">Продукция</A>
	<A style="MARGIN-LEFT: 32px" onmouseover="faded = window.setInterval('initfade(clearsub);',0);" onmouseout="window.clearInterval(faded)" href="#">Типы лестниц</A>
	<A style="MARGIN-LEFT: 32px" onmouseover="faded = window.setInterval('initfade(submenu);',0);" onmouseout="window.clearInterval(faded)" href="#">Галерея лестниц</A>
	<A style="MARGIN-LEFT: 32px" onmouseover="faded = window.setInterval('initfade(clearsub);',0);" onmouseout="window.clearInterval(faded)" href="#">Ковка</A>
	<A style="MARGIN-LEFT: 32px" onmouseover="faded = window.setInterval('initfade(clearsub);',0);" onmouseout="window.clearInterval(faded)" href="#">Стоимость</A>
	<A style="MARGIN-LEFT: 32px" onmouseover="faded = window.setInterval('initfade(clearsub);',0);" onmouseout="window.clearInterval(faded)" href="#">Контакты</A> 
</DIV>
</DIV></DIV>

<!-- HEADER --><!--  CONTENT  -->

<DIV id=content>
<DIV class=main_column>
<DIV style="Z-INDEX: 102; POSITION: relative">
<DIV id=card></DIV></DIV>
<DIV class=main_pad>
<DIV class=img_heading><A href="#"><IMG height=75 src="" width="280" border=0></A></DIV>
</DIV>
<DIV id=clear></DIV></DIV>
<DIV id=color_header>
<DIV class=color-brown>
<DIV class=middle_pos></DIV></DIV>

<!--  CONTENT  --><!-- FOOTER -->
<DIV id=footer>
<DIV style="MARGIN: 5px 0px 0px; FLOAT: left">Телефон для заказов
</DIV>
<DIV style="MARGIN: 5px 0px 0px; FLOAT: right">© 2010 ***Информация о авторских правах***
</DIV>

<!-- analyze counter -->
<IMG src="dump_files/counter.htm" width=1 height=1>
<!-- /analyze counter -->

<script type=text/javascript>
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</SCRIPT>

</DIV></DIV><!-- /FOOTER -->
</BODY>
</HTML>

style2.css:

BODY {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: Tahoma; BACKGROUND: #571100; COLOR: #666666; FONT-SIZE: 11px; PADDING-TOP: 0px
}
IMG {
	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-TOP: medium none; BORDER-RIGHT: medium none
}
TABLE {
	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-TOP: medium none; BORDER-RIGHT: medium none
}
A {
	CURSOR: pointer; TEXT-DECORATION: none
}
A:link {
	COLOR: #0000ff
}
A:visited {
	COLOR: #3366ff
}
A:hover {
	TEXT-DECORATION: underline
}
A:active {
	COLOR: #ff0000
}
P {
	PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
FORM {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.png {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px; BEHAVIOR: url(/pngbehavior.htc)
}
UL.menu {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
UL.menu LI {
	LIST-STYLE: none url(../img/li-arrow-right.gif) outside; LINE-HEIGHT: 14px; FONT-FAMILY: Tahoma; COLOR: #c41130; FONT-SIZE: 10px; FONT-WEIGHT: bold
}
UL.menu LI.active {
	COLOR: #000000; LIST-STYLE-IMAGE: url(../img/li-arrow-active.gif)
}
UL.menu LI A {
	COLOR: #c41130
}
UL.menu LI A:hover {
	COLOR: #000000
}
UL.no-image {
	PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
UL.no-image LI {
	LINE-HEIGHT: 13px; LIST-STYLE-TYPE: none; FONT-FAMILY: Tahoma; COLOR: #333333; FONT-SIZE: 10px; FONT-WEIGHT: normal; LIST-STYLE-IMAGE: none
}
.main_news_item {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.main_news_item A.imglink {
	BORDER-BOTTOM: #b29778 1px solid; BORDER-LEFT: #b29778 1px solid; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 57px; PADDING-RIGHT: 0px; DISPLAY: block; HEIGHT: 37px; BORDER-TOP: #b29778 1px solid; BORDER-RIGHT: #b29778 1px solid; PADDING-TOP: 0px
}
.main_news_item A.imglink IMG {
	MARGIN: 0px; WIDTH: 57px; HEIGHT: 37px
}
.main_news_item A.imglink:hover {
	BORDER-BOTTOM: #b29778 1px solid; BORDER-LEFT: #b29778 1px solid; WIDTH: 53px; HEIGHT: 35px; BORDER-TOP: #b29778 1px solid; BORDER-RIGHT: #b29778 1px solid
}
.main_news_item A.imglink:hover IMG {
	BORDER-BOTTOM: #b29778 1px solid; POSITION: absolute; BORDER-LEFT: #b29778 1px solid; MARGIN-TOP: -8px; WIDTH: 69px; HEIGHT: 47px; MARGIN-LEFT: -8px; BORDER-TOP: #b29778 1px solid; BORDER-RIGHT: #b29778 1px solid
}
.main_news_item2 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.main_news_item2 A.imglink {
	BORDER-BOTTOM: #f00 1px solid; BORDER-LEFT: #f00 1px solid; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 57px; PADDING-RIGHT: 0px; DISPLAY: block; HEIGHT: 37px; BORDER-TOP: #f00 1px solid; BORDER-RIGHT: #f00 1px solid; PADDING-TOP: 0px
}
.main_news_item2 A.imglink IMG {
	MARGIN: 0px; WIDTH: 57px; HEIGHT: 37px
}
.main_news_item2 A.imglink:hover {
	BORDER-BOTTOM: #b29778 1px solid; BORDER-LEFT: #b29778 1px solid; WIDTH: 53px; HEIGHT: 35px; BORDER-TOP: #b29778 1px solid; BORDER-RIGHT: #b29778 1px solid
}
.main_news_item2 A.imglink:hover IMG {
	BORDER-BOTTOM: #b29778 1px solid; POSITION: absolute; BORDER-LEFT: #b29778 1px solid; MARGIN-TOP: -8px; WIDTH: 69px; HEIGHT: 47px; MARGIN-LEFT: -8px; BORDER-TOP: #b29778 1px solid; BORDER-RIGHT: #b29778 1px solid
}
DIV.main_bg .beieg {
	POSITION: relative; BACKGROUND: #f0eae4; HEIGHT: 100%
}
DIV.main_bg .beieg .up_logo {
	POSITION: absolute; MARGIN: 25px 0px 0px 507px
}
DIV.main_bg .beieg .plan {
	PADDING-BOTTOM: 20px; PADDING-LEFT: 20px; WIDTH: 400px; PADDING-RIGHT: 20px; HEIGHT: 400px; PADDING-TOP: 20px
}
.homes {
	LINE-HEIGHT: 14px; FONT-FAMILY: Tahoma; COLOR: #333333; FONT-SIZE: 11px; FONT-WEIGHT: normal
}
.homes2 {
	LINE-HEIGHT: 14px; FONT-FAMILY: Tahoma; COLOR: #333333; FONT-SIZE: 10px; FONT-WEIGHT: normal
}
[color="#FF0000"]#body {
	position: relative;
	MARGIN: 0 auto;
	WIDTH: 981px;[/color] 
}
#sound {
	PADDING-BOTTOM: 0px; MARGIN: 6% 0px 0px 701px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#clear {
	CLEAR: both
}
#header {
	POSITION: relative; MARGIN: 0px; WIDTH: 981px; HEIGHT: 67px;
}
#header .top_pos {
	PADDING-BOTTOM: 0px; TEXT-TRANSFORM: uppercase; PADDING-LEFT: 45px; PADDING-RIGHT: 0px; FONT-FAMILY: Arial; COLOR: #ffffff; PADDING-TOP: 0px
}
#header .down_pos {
	PADDING-BOTTOM: 0px; TEXT-TRANSFORM: uppercase; PADDING-LEFT: 45px; PADDING-RIGHT: 0px; FONT-FAMILY: Arial; COLOR: #ffffff; PADDING-TOP: 0px
}
#header .top_pos A {
	COLOR: #ffffff; TEXT-DECORATION: none
}
#header .down_pos A {
	COLOR: #ffffff; TEXT-DECORATION: none
}
#header .top_pos A:hover {
	COLOR: #571100; TEXT-DECORATION: none
}
#header .down_pos A:hover {
	COLOR: #571100; TEXT-DECORATION: none
}
#header .top_pos {
	FONT-SIZE: 9px; PADDING-TOP: 21px
}
#header .down_pos {
	FONT-SIZE: 11px; PADDING-TOP: 15px
}
#header .down_pos SPAN {
	COLOR: #000000
}
#header .top_pos SPAN {
	COLOR: #000000
}
#header A.active {
	COLOR: #000000; TEXT-DECORATION: none
}
#color_header .middle_pos {
	PADDING-BOTTOM: 0px; TEXT-TRANSFORM: uppercase; PADDING-LEFT: 45px; PADDING-RIGHT: 0px; FONT-FAMILY: Arial; COLOR: #ffffff; FONT-SIZE: 9px; PADDING-TOP: 27px
}
#color_header .middle_pos A {
	COLOR: #ffffff; TEXT-DECORATION: none
}
#color_header .middle_pos A.active {
	COLOR: #000; TEXT-DECORATION: none
}
#color_header .middle_pos A:hover {
	COLOR: #571100; TEXT-DECORATION: none
}
#color_header .middle_pos SPAN {
	COLOR: #000000
}
#content {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 981px; PADDING-RIGHT: 0px; BACKGROUND: #fff; HEIGHT: 440px; PADDING-TOP: 0px
}
#content A {
	COLOR: #571100
}
#content .left {
	PADDING-BOTTOM: 0px; MARGIN: 0px 70px 0px 0px; PADDING-LEFT: 0px; WIDTH: 749px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 22px
}
#content .right {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 147px; PADDING-RIGHT: 0px; FLOAT: right; PADDING-TOP: 25px
}
#content .description {
	PADDING-BOTTOM: 0px; MARGIN: -2px 0px 0px; PADDING-LEFT: 46px; PADDING-RIGHT: 0px; OVERFLOW: auto; PADDING-TOP: 0px
}
#content .description .about_img {
	MARGIN: 0px 40px 0px 0px; WIDTH: 230px; FLOAT: left
}
#content .description .about {
	WIDTH: 430px; FLOAT: left; HEIGHT: 400px; OVERFLOW: auto
}
#content .description .about H1 {
	PADDING-BOTTOM: 17px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: Arial; COLOR: #a78076; FONT-SIZE: 18px; FONT-WEIGHT: normal; PADDING-TOP: 0px
}
#content .description .about P {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#content .img_heading {
	PADDING-BOTTOM: 10px; MARGIN: 0px 0px 0px -46px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#content .news_column {
	MARGIN: 0px 25px 0px 0px; WIDTH: 254px; FLOAT: left
}
#content DIV.column {
	PADDING-TOP: 5px
}
#content DIV.column H1 {
	PADDING-BOTTOM: 5px; MARGIN: 0px; FONT-FAMILY: Arial Narrow; COLOR: #a78076; FONT-SIZE: 20px; FONT-WEIGHT: normal; PADDING-TOP: 0px
}
#content DIV.column P {
	PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 4px
}
#content P.news {
	PADDING-BOTTOM: 15px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: Tahoma; COLOR: #333333; FONT-SIZE: 11px; PADDING-TOP: 0px
}
#content P.news SPAN {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: Arial; COLOR: #333333; FONT-WEIGHT: bold; PADDING-TOP: 0px
}
#content P.news A {
	COLOR: #c41130
}
#content .article {
	SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-FACE-COLOR: #c41130; WIDTH: 417px; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; FLOAT: left; HEIGHT: 400px; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffffff; OVERFLOW: auto; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff
}
#content .scrollbar {
	SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-FACE-COLOR: #c41130; WIDTH: 254px; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; FLOAT: left; HEIGHT: 371px; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffffff; OVERFLOW: auto; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff
}
#content .article H1 {
	PADDING-BOTTOM: 17px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: Arial; COLOR: #a78076; FONT-SIZE: 18px; FONT-WEIGHT: normal; PADDING-TOP: 0px
}
#content .article P {
	PADDING-BOTTOM: 11px; MARGIN: 0px
}
#content .main_column {
	WIDTH: 327px; FLOAT: left; HEIGHT: 440px; OVERFLOW: hidden
}
#content .main_column H1 {
	PADDING-BOTTOM: 5px; MARGIN: 0px; FONT-FAMILY: Arial Narrow; COLOR: #a78076; FONT-SIZE: 20px; FONT-WEIGHT: normal; PADDING-TOP: 0px
}
#content .main_column P {
	PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 4px
}
#content .newyear {
	WIDTH: 327px; BACKGROUND: url(../img/snow.jpg) no-repeat 50% bottom; HEIGHT: 440px
}
#content .main_pad {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 46px; PADDING-RIGHT: 15px; PADDING-TOP: 20px
}
#content .main_pad .scroll {
	SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-FACE-COLOR: #c4112f; WIDTH: 260px; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; MARGIN-BOTTOM: 21px; HEIGHT: 273px; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffffff; OVERFLOW: auto; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff
}
#content .main_bg {
	WIDTH: 654px; FLOAT: left; HEIGHT: 440px
}
#content .main_bg A {
	COLOR: #ffffff; TEXT-DECORATION: none
}
#content .main_bg A:hover {
	COLOR: #c41130; TEXT-DECORATION: underline
}
#content DIV.podpis3 {
	TEXT-ALIGN: left; PADDING-BOTTOM: 2px; TEXT-TRANSFORM: uppercase; BACKGROUND-COLOR: #b29778; MARGIN: 0px; PADDING-LEFT: 2px; WIDTH: 57px; PADDING-RIGHT: 0px; FONT-FAMILY: Tahoma; HEIGHT: 7px; COLOR: #ffffff; FONT-SIZE: 7px; PADDING-TOP: 0px
}

psywalker · June 25, 2010

Давай лучше ссылку

paraped · June 25, 2010

Тут можно посмотреть

тут можно скачать сайт архивом(пароль qwerty)

Народ, помогите плиз, не могу сам разобраться уже которые сутки...

Justnewone · June 25, 2010

Тут можно посмотреть
тут можно скачать сайт архивом(пароль qwerty)
Народ, помогите плиз, не могу сам разобраться уже которые сутки...

У меня в FF центрируется

sigma77 · June 25, 2010

У меня в FF центрируется

Не, там горизонтальный скролинг.

И во всех браузерах выглядит по-разному.

Edited June 25, 2010 by sigma77

Searcher · June 25, 2010

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

А доктайп надо со ссылкой указывать.

paraped · June 26, 2010

народ, если не трудно, помогите, объясните по подробней, что удалить, что изменить, чтоб во всех браузерах было одинаково и центрировалось?

psywalker · June 26, 2010

народ, если не трудно, помогите, объясните по подробней, что удалить, что изменить, чтоб во всех браузерах было одинаково и центрировалось?

Проблема в этом блоке <div id="bn" . Удали его, либо убери у него абсолют, поставь нормальную ширину и отцентрируй.

paraped · June 26, 2010

не совсем понял...

народ.ру сам вставляет это

<style>
#bn {display:block;}
#bt {display:block;}
</style>

но тем не менее на странице нет дива с таким ид...

я там ранее выкладывал сайт архивом, можно локально посмотреть, там этого нет, все равно не центрируется...

Sign In

Если не работает {margin:0 auto;}

Question

Link to comment

Share on other sites

38 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information