Форум Сайтостроение Веб-строительство

Поместить блок по центру страницы

RM
На сайте с 21.06.2011
Offline
77
RoMaN444Ik
1086

Есть блок с другими блоками у которых float = left, нужно весь этот блок выдвинуть на центр родительского блока(float тоже left)... Как это сделать?

M8
На сайте с 09.09.2010
Offline
58
mdrive84
#1

А можно Ваш ксс посмотреть?)))

ageruuu
На сайте с 14.11.2010
Offline
52
ageruuu
#2

Зачем родительскому делать флоат лефт?

RM
На сайте с 21.06.2011
Offline
77
RoMaN444Ik
#3
mdrive84:
А можно Ваш ксс посмотреть?)))

Да вот в том то и дело, что там особо смотреть то и не на что... Тупо к самому основному блоку float = left, а далее идет мой обычный(без стилей, пока) блок в котором идут другие... Тоже с float = left.

Это изначально система вывода новостей столбцами(4 столбца)...

---------- Добавлено 24.01.2012 в 19:22 ----------

ageruuu:
Зачем родительскому делать флоат лефт?

Дык... Шаблон делал не я, но блин, если убрать этот атрибут, то разницы нет... Наверное это просто чтобы разделить основной контент с сайдбаром...

Как правильно оптимизировать карточку Нужно ли отклонять ссылки Как интернет-магазину опередить конкурентов
ageruuu
На сайте с 14.11.2010
Offline
52
ageruuu
#4

попробуйте удалить этот параметр, задать ширину фиксированную родительскому блоку и выставить там margin-left:auto; margin-right:auto;

M8
На сайте с 09.09.2010
Offline
58
mdrive84
#5
RoMaN444Ik:
Дык... Шаблон делал не я, но блин, если убрать этот атрибут, то разницы нет... Наверное это просто чтобы разделить основной контент с сайдбаром...

<!DOCTYPE html>

<html>

<head>

	<title></title>

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

	<link rel="stylesheet" type="text/css" href="css/style1.css" media="screen" />

</head>



<body>



<div class="mainblock">



 <div id="globalwrapper">

        <div class="inwrapper" >

		

		<div class="col1">

	<p>Вашему вниманию предлагается подборка с самыми большими, быстрыми, длинными, странными и просто чокнутыми рекордами за 2011 год, попавшими в издание Книги рекордов Гиннеса 2012 года.</p>

		</div>

		

		<div class="col1">

		<p>Вашему вниманию предлагается подборка с самыми большими, быстрыми, длинными, странными и просто чокнутыми рекордами за 2011 год, попавшими в издание Книги рекордов Гиннеса 2012 года.</p>

		</div>

			

		<div class="col1">

	<p>Вашему вниманию предлагается подборка с самыми большими, быстрыми, длинными, странными и просто чокнутыми рекордами за 2011 год, попавшими в издание Книги рекордов Гиннеса 2012 года.</p>

		</div>

		

		<div class="col1">

		<p>Вашему вниманию предлагается подборка с самыми большими, быстрыми, длинными, странными и просто чокнутыми рекордами за 2011 год, попавшими в издание Книги рекордов Гиннеса 2012 года.</p>

		</div>	

		

		</div>

        </div>

		

</div>



</body>

</html>

html, body {

	margin:0 auto;

	padding:0;

	border:0;			

	width:970px;

	background: #fff;

}



 #globalwrapper {

    position:relative;

    width:100%;

    overflow:hidden;

 }

   

  .inwrapper{

   position: relative;

   width: 900px;

   height: 600px;

   left: 50%;

   margin-left:-450px;

   border: 1px solid #000;

   }



.mainblock {

	float: left;

	border: 1px solid #000;

	height: 600px;

	width: 970px;

}



.col1 {

	float: left;

	margin: 10px;

	width: 200px;

	border: 1px solid #000;

}
Flash.UA
На сайте с 11.09.2007
Offline
46
Flash.UA
#6

mdrive84, все правильно показал. Если что вот похожий пример отцентровки блоков с float

http://pmob.co.uk/pob/centred-float.htm

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий