Перейти к содержимому



Выравнивание страницы сайта по центру

#1 naciya

naciya
  • Пользователь
  • 11 сообщений
  • Репутация: 0
0

Отправлено 17 Апрель 2012 - 20:39

Здравствуйте! Нужна помощь! Я новичек говорю сразу! Не могу разместить страницу сайта по центру. Перепробовал все способы!
css:

body {
font-family:  Arial, Helvetica, sans-serif;
background-color: #030000;
color:#D0FF00;
padding: 0px;
margin:0;
border:0px solid #FF00AE;
}


p {
border:0px solid #FF00AE;
margin:10px 10px 10px 220px;
width: 80%;
}


#header{
background-image:url(../images/gitara.jpg);
width:1000px;
height:300px;
border:0px solid #FF00AE;
}

#menu{
background:#030000;
width:250px;
height:1000px;
top:300px;
border:0px solid #FF00AE;
}

#content{
background:#030000;
width:750px;
height:1000px;
position:absolute;
left:250px;
top:300px;
border:0px solid #FF00AE;
}

#footer{
background:darkred;
width:1000px;
height:30px;
border:0px solid #FF00AE;
}




ul#menu {list-style-type:none; margin:0; padding:0;}

ul#menu li a{
	color:#909090;
	background: url(/images/vert_menu.png) no-repeat 0 0;
	text-decoration:none;
	width: 200px;
	height: 20px;
	display:block;
	border:none;
	text-shadow: #ddd 2px 2px 0;
}

ul#menu li a:hover{
	background-position: 50% 100%;
	width: 200px;
	height: 20px;
	display:block;
	color:#fff;
	text-shadow: #000 2px 2px 0;
}

ul#menu li a span{
	font-family:sans-serif;
	font-size:18px;
	padding:17px 0 0 20px;
	display:block;	
}


html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Rock</title>
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>

<body>


<div id="header"></div>


<div id="menu">

<ul id="menu">
	<li><a href="#"><span>Главная</span></a></li>
	<li><a href="#"><span>Поиск</span></a></li>
	<li><a href="#"><span>Регистрация</span></a></li>
	<li><a href="#"><span>Карта сайта</span></a></li>
	<li><a href="#"><span>О сайте</span></a></li>
</ul>

</div>



<div id="content">контент</div>
<div id="footer">низ сайта</div>


</body>
</html>

Когда выравниваю по центру, то блок див меню тоже располагается по центру, а не возле блока див контент. Как все сделать правельно? может у меня все не правильно и у меня руки на столько кривые? Помогите пожалуйста! Заранее очень благодарен. Если все что написано выше глупо, то скажите, я пойму! Еще раз спасибо кто откликнется на мою беду!

 

 

  • 0


Оформление форума – IPBSkins.ru