Центровка содержания сайта

Patriot_spb · January 25, 2009

В очередной обращаюсь к вам!

Помогите пожалуйста - много прочитал и попробовал, но ничего не помогает

Cтраница сайта (на которой я пытался применять центровку) www.zhivoyfest.ru/index.php

Файл стилей (если что style.css)

Страница проработана для разрешения экрана 1024х768.

Суть проблемы - когда разрешение больше содержимое страницы сбивается влево и не хочет вставать по-центру.

index.php

Попытался использовать InPage как контейнер для всего, но результато это не дало

<body>

<div id="InPage">

	<div id="toper"></div>
	<div id="leftcol">
	<div id="colmenu">
	<table>
	<tr><td>
		<b><h1>Главное меню</h1></b>
	</td></tr>
	<tr><td onMouseOver='this.style.backgroundColor="#669966";' onMouseOut='this.style.backgroundColor="#2d2d2d";'><a href='http://zhivoyfest.ru/' class='menu' style='color: white'><b>Живой</b></a><td></tr><tr><td onMouseOver='this.style.backgroundColor="#669966";' onMouseOut='this.style.backgroundColor="#2d2d2d";'><a href='http://zhivoyfest.ru/news.php' class='menu'>Новости</a><td></tr><tr><td onMouseOver='this.style.backgroundColor="#669966";' onMouseOut='this.style.backgroundColor="#2d2d2d";'><a href='http://zhivoyfest.ru/photo.php' class='menu'>Фотогалерея</a><td></tr><tr><td onMouseOver='this.style.backgroundColor="#669966";' onMouseOut='this.style.backgroundColor="#2d2d2d";'><a href='http://zhivoyfest.ru/audio.php' class='menu'>Аудиозаписи</a><td></tr><tr><td onMouseOver='this.style.backgroundColor="#669966";' onMouseOut='this.style.backgroundColor="#2d2d2d";'><a href='http://zhivoyfest.ru/forum/' class='menu' style='color: white' target='_blank'><b>Живое общение</b></a><td></tr>	</table>
......
....
....
....

</div>
</body>

style.css

#InPage{
width: 100%;
margin-left: auto; margin-right: auto; 
}

Заранее благодарен!

Bolmazov · January 25, 2009

Может как-то так?

html

	<div class="wrap">
	  <div class="contentdiv">
	Этот блок фиксированного или относительного размера всегда будет горизонтально отцентрован <br /><br />
	А еще он растянут на всю высоту экрана
	  </div>
	</div>

	* This source code was highlighted with Source Code Highlighter.



css

	html, body {height:100%;}
	.wrap {
	/*центрируем*/
	  position:relative;
	  width:50%; /*могут быть и пиксели*/
	  margin: 0px auto;
	/*вытягиваем в высоту*/  
	  height:auto !important;
	  height:100%;
	  min-height:100%;
	/*украшательства*/  
	  border-left:1px solid #69b401;
	  border-right:1px solid #69b401;  
	}
	.contentdiv {padding:10px;}

	* This source code was highlighted with Source Code Highlighter.

Patriot_spb · January 26, 2009

Вот!!! Вот так все отлично! Спасибо за поддержку!

chammy · January 26, 2009

да, читать хабр полезно..)

Bolmazov · January 26, 2009

) Ну а что тут такого? )

Patriot_spb · January 26, 2009

А что такое харб?

Bolmazov · January 26, 2009

Хабр это сокращенно от Хабрахабра.

Never · January 31, 2009

margin: 0 auto; основному контейнеру и все дела...

Vlad · February 1, 2009

margin: 0 auto работает, только если еще width задан.

Never · February 1, 2009

так ведь

Страница проработана для разрешения экрана 1024х768.

Sign In

Центровка содержания сайта

Question

Patriot_spb

Link to comment

Share on other sites

9 answers to this question

Recommended Posts

Bolmazov

Link to comment

Share on other sites

Patriot_spb

Link to comment

Share on other sites

chammy

Link to comment

Share on other sites

Bolmazov

Link to comment

Share on other sites

Patriot_spb

Link to comment

Share on other sites

Bolmazov

Link to comment

Share on other sites

Never

Link to comment

Share on other sites

Vlad

Link to comment

Share on other sites

Never

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information