• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

4-Spalten-Layout

Status
Für weitere Antworten geschlossen.
tnoehles

tnoehles

Neues Mitglied
Hallo,
ich habe folgendes Problem. Ich möchte geren ein vierspaltiges Layout machen. Also

-----------Banner-----------
linkes -----Inhalt-----rechtes
Menü----------------Menü

Ein dreispaltiges Layout klappt ohne Probleme, aber irgendwie wird mir die Seite dann falsch angezeigt, also dat rechte Menü ist z.B. soweit rechts, dass man schon nach rechts scrollen muss. Hier der PhP-Code und page.css:

PHP: 
<?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
    echo "                Der Banner";
    echo "            </div>\n";
    echo "            <div id=\"links\">\n"; // linkes Menu
    echo "                Hier kommt ein Menu hin\n";
    echo "            </div>\n";
    echo "            <div id=\"mitte\">\n"; // In der Mitte der Inhalt
    echo "                Hier werden dann die Daten geladen, wie News\n";
    echo "                oder Memberliste.\n";
    echo "            </div>\n";   
    echo "            <div id=\"rechts\">\n"; // rechtes Menu
    echo "                Hier kommt ein Menu hin\n";
    echo "            </div>\n";
    echo "            <br style=\"clear:both;\" />\n"; // css-float beenden
    echo "       </div>\n";

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

Code: 
#banner {
    height: 80px;
}
#links {
    width: 20%;
    float: left;
}
#mitte {
    width: 59%;
    float:left;
}
#rechts
    width: 20%
    float: right;
}
Also wie bekomme ich es hin, dass man nich z.B. die ganze Zeit nach rechts scrollen muss?

tnoehles


Verschoben - Forum: CSS - Grund: WTF hat das mit PHP zu tun? Nur weil du den HTML-Code per echo ausgibst? :roll: (Artemis)
 
Zuletzt bearbeitet von einem Moderator:
Hallo,
Ich habe das auch mal gemacht. Und habe folgenden CSS Code benutzt:
Code: 
#banner {
    height: 80px;
}
#navi_left {
    width: 30%;
    float: left;
}
#content {
    width: 50%;
    float:left;
}
#navi_right {
	width: 20%;
	float:right;
}
Und folgenden PHP-Code:
PHP: 
<?php

	echo "<html>";
	echo "<head>";
	echo "<link rel=\"stylesheet\" type=\"text/css\" href=\"page.css\">"; 
	echo "<title>PHPinfo - Die Tutorialpage rund um PHP und MySQL</title>";
	echo "</head>";
	echo "<body>";
	echo "<div id=\"root\">"; 
	echo "<div id=\"banner\">";
	echo "Hier muss der Banner hin!";
	echo "</div>";
	echo "<div id=\"navi_left\">";
	echo "TEST";
	echo "</div>";
	echo "<div id=\"content\">";
	echo "TEST2";
	echo "</div>"; 
	echo "<div id=\"navi_right\">";
	echo "ROFL";
	echo "</div>"; 
	echo "</div>";
?>
Sollte so eigentlich einigermaßen passen. (http://roflkopf.ro.ohost.de/hp.php -> Einfach mal den misslungenen DOCtypeteil wegdenken.)
Gruß,
TheShadow
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben