php includes Head und Footer - Höhe anpassen

Status
Nicht offen für weitere Antworten.

counteract

Erfahrenes Mitglied
Hallo!

Ich habe mal probiert eine Art Frames mit php includes zu realisieren.

Hier der Code:

Head:

PHP:
<html>
<head>
</head>
<body>
<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr><td colspan="2"><img src="pizzeria.jpg"></td></tr>
<tr><td>
<a href="index.php"><b>Startseite</b></a><br>
<a href="#"><b>link</b></a><br>
<a href="#"><b>link</b></a><br></td>
<td>

footer:

PHP:
</td></tr>
</table>
</body>
hallo
</html>

index:

PHP:
<? include ("head.php"); ?>
<b>Hier steht der Ihnalt</b>
<? include ("footer.php"); ?>

Nun meine Frage ich würde gern den "Head" und den "Footer" so anpassen, das sie eine bestimmte Höhe haben und dass der Footer in jeder Auflösung ganz unten steht. ( Also an der unteren Browserkante)

Wie kann man sowas realisieren?

MfG

Counteract
 
also das hat garnix mit PHP zu tun ;)

musst mut CSS alles machen;)

HTML:
...
<tr><td>
<a href="index.php"><b>Startseite</b></a><br>
<a href="#"><b>link</b></a><br>
<a href="#"><b>link</b></a><br></td>
<td style="height: 100px;">  
...

hmm und damit es immer unten ist fehlt mir grad nix ein
 
Hier mal ein Lösungsansatz:

HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title></title>

<style type="text/css">
<!--
html, body {
height: 100%;
margin: 0;
padding: 0;
}

#content {
position: relative;
min-height: 100%;
height: auto !important;
height: 100%;
}

#head {
height: 100px;
background: #e3e3e3;
}

.pad {
height: 50px;
}

#foot {
position: relative;
height: 50px;
margin-top: -50px;
background: #e3e3e3;
}
-->
</style>

</head>
<body>

<div id="content">
     <div id="head">head</div>
     <p>content with some dummy text</p>
     <div class="pad"></div>
</div>
<div id="foot">foot</div>

</body>
</html>
Stu Nicholls' CSS-Layouts gehen da noch einen Schritt weiter:

  1. http://www.cssplay.co.uk/layouts/bodyfix.html
  2. http://www.cssplay.co.uk/layouts/basics2.html
  3. http://www.cssplay.co.uk/layouts/fixit.html
 
Status
Nicht offen für weitere Antworten.
Zurück