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



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

#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



Похожие темы
  Название темы Автор Статистика Последнее сообщение

Пользователь месяца
NataliaAntalia NataliaAntalia 1-й за Октябрь
Очков активности: 480 2 темы, 58 сообщений, 5 баллов репутации
Сайт: zdorovemedicina.ru
ТОП самых активных за этот месяц
  • Фотография ShowPrint
    #1

    ShowPrint (ShowPrint.ru)
    Очков активности: 468 0 тем, 24 сообщения, 13 баллов репутации

  • Фотография BLIK
    #2

    BLIK
    Очков активности: 283.5 0 тем, 21 сообщение, 9 баллов репутации

  • Фотография Vmir
    #3

    Vmir
    Очков активности: 277.5 3 темы, 28 сообщений, 5 баллов репутации

  • Фотография Totti
    #4

    Totti
    Очков активности: 252 1 тема, 21 сообщение, 7 баллов репутации

  • Фотография Megoydagi
    #5

    Megoydagi (24ho.ru)
    Очков активности: 198 8 тем, 20 сообщений, 3 балла репутации

  • Фотография MattCutts
    #6

    MattCutts (dmitrylee.ru)
    Очков активности: 171 Вне конкурса за определение пользователя месяца

  • Фотография NataliaAntalia
    #7

    NataliaAntalia (zdorovemedicina.ru)
    Очков активности: 138 Вне конкурса за определение пользователя месяца

  • Фотография miketomlin
    #8

    miketomlin
    Очков активности: 78 0 тем, 13 сообщений, 4 балла репутации

  • Фотография TimurR
    #9

    TimurR
    Очков активности: 42 3 темы, 5 сообщений, 2 балла репутации

  • Фотография kolver
    #10

    kolver
    Очков активности: 24 3 темы, 7 сообщений, 1 балл репутации

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 29.10.2019
  • Яндекс выдача: 21.11.2019
Топ 5 участников по репутации

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