Mops: 4 Spalten Layout

Beitrag lesen

Hallo, ich würde gerne auf meiner seite ein 4 Spalten-Layout einfügen, 4 hab ich bisher geschaft, nur will ich das ganz unten noch eine kleine splate haben die genau wie die "root" spalte ist:

<?php
    error_reporting(E_ALL);

echo "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"\n";
    echo "         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">\n";
    echo "<html>\n";
    echo "    <head>\n";
    echo "        <title>Meine Seite</title>\n";
    echo "        <link rel="stylesheet" type="text/css" href="page.css" />\n";
    echo "        <meta http-equiv="Content-Type"
                        content="text/html; charset=ISO-8859-1" />\n";
    echo "    </head>\n";
    echo "    <body>\n";

echo "        <div id="root">\n"; // ganz oberer Div-Holder
    echo "            <div id="banner">\n"; // banner
    include "banner.php";
    echo "            </div>\n";
    echo "            <div id="links">\n"; // linkes Menu
    include "menu.php";
    echo "            </div>\n";
    echo "            <div id="mitte">\n"; // In der Mitte der Inhalt
    include "inhalt.php";
    echo "            </div>\n";
    echo "            <br style="clear:both;" />\n"; // css-float beenden
    echo "       </div>\n";

echo "    </body>\n";
    echo "</html>\n";
?>

meine .css datei

#banner {
    height: 180px;
}
#links {
    width: 30%;
    float: left;
}
#mitte {
    width: 69%;
    float:left;
}