Frågan#1
Hej jag gör en massa hej<br> i content men footer åker in i själva content. Försökt i flera timmar nu. Men kan fortfarande inte förstå vad som är fel.
Vill att footer ska befinna sig under content exakt hela tiden. Även om height går från 200px till 1000px.
Style.css
#logo {
left: auto;
right: auto;
text-align: center;
}
#menu {
height: 26px;
background-color: #1F1A1A;
background : -webkit-gradient(linear, left top, left bottom, background-color: 222);
background : -moz-linear-gradient(top, background-color: 222);
border-top: 2px solid #999999;
color: white;
font-size: 18px;
font-family: Cooper Std;
word-spacing:1px;
width: 100%;
position: absolute;
}
#senastew {
background-color: #332D2D;
min-height: 200px;
width: 248px;
top: 123px;
position: absolute;
}
#trailerw {
background-color: #332D2D;
min-height: 200px;
width: 248px;
top: 123px;
right: 0;
position: absolute;
}
#content {
min-height: 300px;
width: 62%;
left: 259px;
top: 123px;
text-align: center;
background-color: #F6F1F1;
position: absolute;
}
#footer {
bottom: auto;
text-align: center;
right: 0;
left: 0;
position: absolute;
}
a:link {color:black;} /* unvisited link */
a:visited {color:black;} /* visited link */
a:hover {color:black;} /* mouse over link */
a:active {color:black;} /* selected link */
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}
index.php
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
<link href="style files/style.css" rel="stylesheet" type="text/css">
</head>
<html>
<div id="logo">
<font size="7" face="Cooper Std">Filmbladet.se</font><br>
<font size="5" face="Myriad Pro">Senaste nyheterna inom film.</font><br>
</div>
<div id="menu">
<a href="?p=filmer"><font color="white">Filmer</font></a> |
<a href="?p=tv"><font color="white">Tv</font></a> |
<a href="?p=kandisar"><font color="white">Kändisar</font></a> |
<a href="?p=pag"><font color="white">På G</font></a> |
<a href="?p=ft"><font color="white">Filmtipset</font></a> |
<a href="?p=investera"><font color="white">Investera i Filmprojekt</font></a> |
<a href="?p=an"><font color="white">Jobbannonser</font></a> |
<a href="?p=ks"><font color="white">Köp/Sälj</font></a> |
<a href="?p=mf"><font color="white">Manus Feedback</font></a>
</div>
<div id="senastew">
<center><font size="4" face="Cooper Std" color="white"><u>Senaste</u></font>
</center>
</div>
<div id="trailerw">
<center><font size="4" face="Cooper Std" color="white"><u>Trailers</u></font><br><br>
</center>
</div>
<div id="content">
<?php
switch($_GET['p']) {
case 'filmer';
$topic = ' Filmer';
include 'scripts files/filmer.php';
break;
case 'tv';
$topic = ' Tv';
include 'scripts files/tv.php';
break;
case 'kandisar';
$topic = ' Kändisar';
include 'scripts files/kandisar.php';
break;
case 'pag';
$topic = ' På G';
include 'scripts files/pag.php';
break;
case 'ft';
$topic = ' Filmtipset';
include 'scripts files/ft.php';
break;
case 'investera';
$topic = ' Investera';
include 'scripts files/investera.php';
break;
case 'kontakt';
$topic = ' Kontakt';
include 'scripts files/kontakt.php';
break;
case 'addnews';
$topic = ' Lägg till nyhet';
include 'scripts files/addnews.php';
break;
case 'to';
$topic = ' Tipsa oss';
include 'scripts files/to.php';
break;
default;
$topic = ' Filmer';
include 'scripts files/filmer.php';
break;
}
?>
</div>
<div id="footer"><center>
<a href="?p=kontakt">Kontakta oss </a> | <a href="?p=donera">Donera </a> | <a href="?p=to">Tipsa oss</a><br>
<p>Copyrights Filmbladet - All rights reserved. 2013.</p></center>
</div>
</html>
<head>
<title><?php echo"Filmbladet -"; echo $topic; ?></title>
</head>