Php-include med divar

Det är många som har mailat och undrat hur man delar in en div-layout i php-include.
Så på allmän begäran skriver jag nu ut en helt ny tut.

Tuten är skriven utifrån min två-kolumns layout som finns att ladda ned, både i htmlversion som i php-version.
Så här ser layouten ut i html-versionen.
Glöm bara inte bort att länka till css-mallen! Här har jag tagit bort den.

Layoutens html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head>
<title>Din Titel på sidan</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" />
</head>
<body>
<div id="container">
<div id="banner"></div>
<div id="sidebar-a">
<div id="menu">
<a href="#">Länk</a>
</div>
</div>
<div id="content">
</div>
<div id="footer">
</div>
</div>
</body>
</html>

Nu ska vi börja med att dela in sidan i de olika filerna. Jag föreslår att Du redan nu döper om ditt indexdokument till index.php så det får rätt filändelse. Skapa sedan tre tomma dokument som du döper till header.php - main.php - footer.php. Spara!

Layoutens php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head>
<title>Din Titel på sidan</title>
<meta name="keywords" content="" />
meta name="description" content="" />
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" />
</head>
<body>

Den gröna koden kopierar du in i ditt dokument header.php. Tag sedan bort samma kod från index.php och ersätt den med denna kod istället:

<?php
include ‘header.php’;
?>

Spara!

Den gröna koden kopierar du in i ditt dokument main.php. Tag sedan bort samma kod från index.php och ersätt den med denna kod istället:

<?php
include ‘main.php’;
?>

Spara!

</div><div id=”footer”></div></div>

Den gröna koden kopierar du in i ditt dokument footer.php. Tag sedan bort samma kod från index.php och ersätt den med denna kod istället:

<?php
include ‘footer.php’;
?>

Spara!

</body>
</html>

Så här ska alla filerna se ut om de är korrekt delade. Kopiera dom gärna om du vill.

index.php

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<title>Din Titel på sidan</title>
<meta name=”keywords”content=”" />
<meta name=”description”content=”" />
<meta http-equiv=”Content-Type” content=”application/xhtml+xml; charset=iso-8859-1″ />
</head>
<body>

<?php
include ‘header.php’;
?>

<?php
include ‘main.php’;
?>
Här emellan dessa två include-märkningar skriver du in din text

<?php
include ‘footer.php’;
?>
</body>
</html>