PlanetCoding » Coding » HTML » PHP Frame-Layout - Brauche Hilfe

PHP Frame-Layout - Brauche Hilfe

gringo_013
hallo ich bin gerade beim PHP lernen und habe ein 3-Frame-Layout gemacht.
jetzt will ich aber dass sich das menue und der bannerbereich nicht bewegt und starr bleiben, ich will nur den inhalt scrollbar machen.
Wie soll ich das machen?

Die Indexseite:

php: 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:


<?php
    echo "<html>\n";
    echo "    <head>\n";
    echo "        <title>Seite Titel</title>\n";
    echo "        <link rel=\"stylesheet\" type=\"text/css\" href=\"page.css\" />\n";
    echo "    </head>\n";
    echo "    <body>\n";

    echo "        <div id=\"root\">\n";
    echo "            <div id=\"banner\">\n"; // banner
    include "banner.php";
    echo "            </div>\n";
    echo "            <div id=\"menue\">\n"; // Menue
    include "menu.php";
    echo "            </div>\n";
    echo "            <div id=\"inhalt\">\n"; // Inhalt
    include "inhalt.php";
    echo "            </div>\n";
    echo "            <br style=\"clear:both;\" />\n";
    echo "       </div>\n";

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


die CSS-datei:

code: 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:

#banner {
    height: 80px;
}
#menue {
    width: 20%;
    float: left;
}
#inhalt {
    width: 79%;
    float: left;
}
Chris Hunter
versuch mal folgende CSS definition:

code: 
1:
2:
3:
4:
5:
6:
7:

#banner
{
 position:fixed;
 left:10px; top:10px; width:468px; height:60px;
}


funktioniert allerdings erst ab IE>6.0 andere Browser sollten kein Problem mit fixed haben.
survivor
Das hat jetzt aber mit PHP nichts zu tun. Das ist HTML & CSS.
Um nur einen Bereich scrollbar zu machen, gibt es in CSS (mindestens) zwei Möglichkeiten. Die eine ist, wie Chris schon schrieb, mit position:fixed feste Bereiche zu definieren. Die zweite Möglichkeit gefällt mir besser: Mit overflow:scroll kannst in einen Bereich Scrollbars einfügen, falls der Text zu lang ist.
Bei SelfHTML findest du eine ausfühlichere Beschreibung.
Chris Hunter
oh ups - stimmt ich verschiebs mal...
Forensoftware: Burning Board 2.3.1, entwickelt von WoltLab GmbH