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



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

#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



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

× Быстрый вопрос
Пользователь месяца
Rodiola Rodiola 1-й за Август
Очков активности: 1 552 3 темы, 106 сообщений, 9 баллов репутации
Сайт: rukodelkovo.ru
ТОП самых активных за этот месяц
  • Фотография MattCutts
    #1

    MattCutts (dmitrylee.ru)
    Очков активности: 480 5 тем, 65 сообщений, 4 балла репутации

  • Фотография Андрей WPM
    #2

    Андрей WPM (wpmaster.kz)
    Очков активности: 430.5 Вне конкурса за определение пользователя месяца

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

    lena220678
    Очков активности: 33 1 тема, 19 сообщений, 1 балл репутации

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

    Chaser (majento.ru)
    Очков активности: 33 1 тема, 8 сообщений, 2 балла репутации

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

    BLIK
    Очков активности: 27 0 тем, 18 сообщений, 1 балл репутации

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

    maxnik (konovalovpavel.ru)
    Очков активности: 24 0 тем, 8 сообщений, 2 балла репутации

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

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

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

    Constantine (constantine.video.blog)
    Очков активности: 19.5 2 темы, 7 сообщений, 1 балл репутации

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

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

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

    NataliaAntalia (zdorovemedicina.ru)
    Очков активности: 15 0 тем, 10 сообщений, 1 балл репутации

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

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