вот результат:
http://s1.ipicture.ru/uploads/20120506/3sZBo2tS.png
не могу преодолеть разбежку между макетом psd и html.
можно ли как-то упростить/улучшить верстку?
Примечание:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>NeverAfter</title>
<link href="css/styles.css" rel="stylesheet" type="text/css" />
<link href="css/content-bottom.css" rel="stylesheet" type="text/css" />
<link href="css/content-top.css" rel="stylesheet" type="text/css" />
<link href="css/footer.css" rel="stylesheet" type="text/css" />
<link href="css/header.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="outer-wrapper">
<div id="header">
<div class="align_center">
<div id="logo-wrapper">
<a id="logo" href="#"></a>
<a id="feedback" href="#"></a>
</div><!--logo-wrapper-->
</div><!--centrified-->
</div><!--header-->
<div id="content-top">
<div id="borderroom-top">
</div><!--borderroom-top-->
<div id="works">
</div><!--works-->
<div id="borderroom-bottom">
</div><!--borderroom-bottom-->
</div><!--content-top-->
<div id="content-bottom">
<div class="align_center">
</div><!--centrified-->
</div><!--content-bottom-->
<div id="footer">
<div class="align_center">
</div><!--centrified-->
</div><!--footer-->
</div><!--outer-wrapper-->
</body>
</html>
Примечание:
@charset "utf-8";
/* CSS Document */
*{
padding:0;
margin:0;
}
.align_center{
margin:0 auto;
width:1200px;
}
#outer-wrapper{
position:relative;
width:100%;
max-width:100%;
margin:0 auto;
}
#outer-wrapper > div{
display:block;
}
#header{
height:444px;
background:url(../images/gradient_01.png) repeat-x;
}
#content-top{
height:614px;
}
#content-bottom{
height:444px;
background:url(../images/gradient_06.png) repeat-x;
}
#footer{
height:86px;
background:url(../images/gradient_07.png) repeat-x;
}
#logo_wrapper{
position:relative;
height:104px;
}
#logo{
position:absolute;
display:block;
left:115px;
width:273px;
height:104px;
background:url(../images/logo.png) no-repeat;
}
#feedback{
position:absolute;
display:block;
width:170px;
height:48px;
right:120px;
background:url(../images/feedback.png) no-repeat;
}
Примечание:
МАКЕТ ДЛЯ НАГЛЯДНОСТИ
http://s2.ipicture.ru/uploads/20120505/J4XTVxt5.png
RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.
Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.
Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.