Как установить высоту HTML-документа для этого фона полной страницы

Question

Как установить высоту HTML-документа для этого фона полной страницы

0

Я установил html-документ в min-height: 500px; но мне нужно установить его туда, где мне не придется настраивать положение моего нижнего колонтитула, нижний колонтитул в настоящее время установлен в положение: абсолютное; топ: 500px;

Это мой html

<head>
  <title></title>

<link rel="stylesheet" type="text/css" href="assets.css">
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>


</head>
<body>

<div id="center">

<div id="header">
<ul>
<div id="wrapper">
  <li>Cisco</li>
  <li>About</li>
  <li>Products</li>
</ul>

</div>
</div>

<div id="wrapper">
<div id="content">


</div>
</div>

<div id="footer">
<ul>
<div id="wrapper">
  <li>Cisco</li>
  <li>About</li>
  <li>Products</li>
</ul>
</div>
</div>

</div>


<div id="img">
<img src="http://virtualization.info/en/files/2010/01/RAL_large.png">
</div>

</body>
</html>

Это мой css

html
{
min-height:500px;
}
#img
{
position:fixed;
top:-50%;
left:-50%;
height:200%;
width:200%;
}
#center
{
margin-right:auto;
margin-left:auto;

}
#img img
{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
min-height:50%;
min-width:50%;

}
#header 
{
background:white;
position:relative;
z-index:1;
opacity:0.8;
font-family: 'Oswald', sans-serif;
}
#header li
{
display:inline;
padding:20px;
}
#content
{
margin-right:auto;
margin-left:auto;
width:500px;
background:white;
position:relative;
z-index:1;
top:100px;
min-height:300px;
opacity:0.8;
}
#footer
{
clear:both;
background:white;
position:relative;
z-index:1;
top:500px;
font-family: 'Oswald', sans-serif;
}
#footer li
{

display:inline;
}
#wrapper
{
margin-right:auto;
margin-left:auto;
width:1024px;
}

chris 19 фев. 2014, в 15:33

Источник

Теги:

html

1 ответ

Ещё вопросы

Ankur Aggarwal · Answer 1 · 2014-02-19T12-22-00.000Z

Дайте высоту: 100% к html и телу

html,body
{
min-height:500px;
height:100%;
}

Можете ли вы создать скрипку? Было бы легко отлаживать jsfiddle.net