Привет, тостер.
У меня возникли проблемы с версткой, как решить эту проблемы я не знаю. В гугле уже все перерыл по этому поводу.
У меня не получается сделать так, что бы страница отображалась на весь экран не больше, не меньше.
Ниже код.
Здесь моя папка. Смотрите home.html
Это html файл
Что нужно поправить ?
<!DOCTYPE html>
<HTML>
<head><link rel="stylesheet" type="text/css" href="1.css"/>
<meta charset="utf-8"></head>
<body><div class="ver"></div>
<div class="ProSquid"><a href="1.html"><img src="logo.png"></a></div>
<div class="gor"></div>
<header><div class="dmenu"><ul class="menu">
<a href=""><li class="start"><p class="st">Начать игру</p></li></a>
<a href=""><li class="rules"><p class="ru">Правила</p></li></a>
<a href=""><li class="news"><p class="ne">Новости</p></li></a>
<a href=""><li class="donate"><p class="do">Донат</p></li></a>
<a href=""><li class="about"><p class="ab">О проекте</p></li></a>
</ul></div><div class="down"></div>
<div class="reg"><img class="ireg" src="reg.png"/><a class="areg" href=reg.html>Зарегистрироваться</a></div>
<div class="auth"><img class="iauth" src="log.png"/><a class="aauth" href=auth.html>Войти</a></div>
</header>
<div class="content"><div class="dStart"><p class="pcontent">Чтобы начать играть на нашем сервере вам нужно:<br>1.Зарегестрироваться<br>2.Скачать клиент<br>3.Установить его</p></div></div>
</body>
</html>
Это css файл
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
*{font-family:MinionPro;}
html {z-index:0;
width: 100%;
height: 100%;
background-color:#D6CEC3}
.gor {width:100%;
height:150px;
margin-top:35px;
position:absolute;
z-index:1;
background-color:#2B2B2B;}
.ver {width:200px;
height:100%;
position:absolute;
margin-left:50px;
z-index:1;
background-color:#2B2B2B;}
.ProSquid {margin-top:20px;
margin-left:50px;
position:absolute;
z-index:2;}
.menu ul {}
.menu li {display:inline-block;
font-family:MinionPro;
font-size:36px;
margin-right:-5px;
}
.st{margin-top:25px;
margin-left:25px}
.ru{margin-top:25px;
margin-left:15px}
.ne {margin-top:25px;
margin-left:15px}
.do {margin-top:25px;
margin-left:15px}
.ab{margin-top:25px;
margin-left:15px}
A:link {color:#2B2B2B}
A:visited {color:#2B2B2B}
A:hover {color:#2B2B2B}
.start {width:244px;
height:99px;
background-color:#E4DDCA}
.rules {height:99px;
width:155px;
background-color:#DBDDDE;}
.news {width:167px;
height:99px;
background-color:#DBDDDE;}
.donate{width:150px;
height:99px;
background-color:#DBDDDE;}
.about{width:238px;
height:99px;
background-color:#DBDDDE;}
header {position:absolute;
margin-top:200px;}
.dmenu {margin-left:280px;
position:absolute;
margin-top:-140px;
width:2000px;
height:200px;
z-index:2;}
.down {height:26px;
width:244px;
position:absolute;
background-color:#E4DDCA;
margin-left:280px;
margin-top:-41px;
z-index:2;}
.content {background-color:#E4DDCA;
position:absolute;
margin-left:250px;
margin-top:185px;
height:634px;
width: calc(100% - 250px) ;
}
.dStart{width:500px;
height:200px;
margin-left:50px;
Margin-top:50px;}
.pcontent {font-size:18px;
}
.areg:link {color:#DBDDDE}
.areg:visited {color:#DBDDDE}
.areg:hover {color:#DBDDDE}
.areg {color:#DBDDDE;
display:inline-block;
margin-left:21px;
position:absolute;}
.reg {margin-left:1320px;
z-index:4;
position:absolute;
margin-top:-115px}
.auth{margin-left:1320px;
z-index:4;
position:absolute;
margin-top:-85px}
.ireg{height:20px;
width:20px}
.iauth {height:20px;
width:20px}
.aauth:link {color:#DBDDDE}
.aauth:visited {color:#DBDDDE}
.aauth:hover {color:#DBDDDE}
.aauth {color:#DBDDDE;
display:inline-block;
margin-left:21px;
position:absolute;}
P.S. За ранее спасибо
Простой
