Problem med utökning av hemsida på höjden.
Hej, jag lyckas inte få hemsidan att utöka sin höjd så att den alltid täcker upp max av skärmen. Detta är då mitt mål.
Index.htm
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/main.css"/>
<title>Orienteraren.se</title>
</head>
<body>
<div id="container">
<div id="HeaderContainer">
<div id="HeaderRight">
</div>
<div style="clear: both;"></div>
</div>
<div id="MenuContainer">
<center>
<ul id="menu">
<li><a class="aktiv" href="index.htm">Hem</a></li>
<li><a href="butik.htm">Butik
</a></li>
<li><a href="om.htm">Om oss</a></li>
<li><a href="support.htm">Support</a></li>
<li><a href="minasidor.htm">Mina sidor</a></li>
</ul>
</center>
</div>
<div id="content">
<h1><font color="#b61612">Välkommen till ByggDinDator!</font></h1>
<p>Här på <font color="#b61612">ByggDinDator.com</font> får DU välja vad datorn ska innehålla så att datorn passar dina behov och inte någon annans. På detta <br />
sättet får du ut mer av dina pengar eftersom du slipper betala för all den kraft du inte använder av datorn.</p>
<p>Vi säger tillexempel att du vill ha en nyare dator men bara använder den till att surfa. Då behöver du inget dyrt grafikkort eller<br />
någon värsting processor. Vilket du ofta får betala för även på dem billiga modellerna. Så då kan man dra ner på det och tjäna in<br />
pengar på det sättet att dra ner på allt du inte kommer använda. För du handlar väl inte saker du inte använder?<br />
Så varför göra det med datorer?</p>
<p>Eller om du har en massa bärbara datorer i huset med inte så stora hårddiskar så kanske du skulle behöva en NAS(Networked <br />
Attached Storage). Där du kan lägga all musik, dokument och annat som tar plats. Då kan du välja hur mycket lagring som ska finnas i den.</p>
<p>Det bästa av allt är att:<br /><br /><font size="7"> DU väljer vad du vill ha,<br /> VI sätter ihop den!</font></p>
</div>
<div id="footer">
<table width="888" border="0">
<tr></tr>
<td width="888" align="right">Arpo & jonataan.host</td>
</tr>
</table>
</div>
</div>
</body>
</html>
main.css
body
{
text-align: center;
background-image: url(images/Background.png);
background-repeat: repeat-x;
background-position: top center;
background-attachment: fixed;
}
h1
{
margin: 0;
font-size: 42px;
margin-left: 16px;
margin-bottom: 20px;
}
p
{
font-family: Times New Roman;
font-size: 17px;
margin-left: 16px;
}
#container
{
margin-top: 0;
width: 900px;
text-align: left;
margin: 0 auto;
}
#HeaderContainer
{
height: 200px;
width: 900px;
float: left;
background-color: #FFFFFF;
background-image: url(images/NewHeader.png);
}
img
{
border: 0;
}
#MenuContainer ul a.aktiv {
background-image: url(images/ButtonActive.png);
color: #404040;
}
#MenuContainer
{
background-image: url(images/MenuBackground.png);
width: 900px;
height: 35px;
clear: left;
}
#menu
{
width: 900px;
height: 35px;
text-align: center;
padding:0; margin:0;
font-size: 16px;
}
#menu li
{
display: inline;
font-size: 22px;
font-family: Arial;
}
#menu li a
{
width: 180px;
float: left;
text-decoration: none;
font-weight: bold;
line-height: 35px;
height: 35px;
}
#menu a:link{color: #C0C0C0; background-image: url(images/Button.png);}
#menu a:visited{color: #C0C0C0; background-image: url(images/Button.png);}
#menu a:hover{background-image: url(images/ButtonHover.png);}
#content
{
width: 900px;
min-height: 545px;
background-color: #FFFFFF;
padding-top: 20px;
height: 100%;
}
#footer
{
clear: both;
border-top: 5px solid #000000;
background-color: #FFFFFF;
height: 100%;
font-family: Arial;
font-size: 20px;
text-align: left;
color: #303030;
}
Kanske inte den vackraste koden...
Chassi: FD Define R4 / Mobo: Gigabyte MSI Z87-G45 / CPU: Intel Core i7-4770K / RAM: 8GB Corsair Vengeance LP / HDD: 1TB WD Caviar Blue / SSD: 240GB Samsung 850 PRO / GPU: Sapphire R9 280X 3GB / Nätagg: FD Integra R2 650W
