✔ 3-Spalten-Layer .. Hindergrund

Status
Nicht offen für weitere Antworten.
S

Stelo

Erfahrenes Mitglied
Hi,
ich lerne gerade php und in einem Tut war erklärt, wie man ein 3-Spalten-Layout erstellt.
Mein Code sieht jetzt so aus:

Code: 
<?php
    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 "    </head>\n";
	echo "    <body background='Desi6.jpg'>\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";
?>

Jetzt hab ich eine Frage:

Wie kann ich die "Frames" verschieben, damit sie auch an der richtigen Stelle beginnen, also auch dort, wo es im Hindergrund vorgesehen ist ...

Danke schon mal
 
So ein 3-Spalten-Layout hat wohl eher mit HTML und CSS zu tun als mit PHP.
Du gibst zwar den HTML-Code mit PHP aus, aber das ist auch schon alles was Du da mit PHP machst.

Ich wuerfel jetzt mal und verschieb den Thread dann entweder nach HTML oder CSS. ;)
 
Stelo hat gesagt.:
Wie kann ich die "Frames" verschieben, damit sie auch an der richtigen Stelle beginnen, also auch dort, wo es im Hindergrund vorgesehen ist ...
Zum Vergrößern anklicken....
Grundsätzlich werden HTML-Elemente (in deinem Fall DIVs) innerhalb des Browserfensters mit CSS ausgerichtet bzw. positioniert.

  1. SELFHTML: Stylesheets / CSS-Eigenschaften / Außenrand und Abstand

  2. SELFHTML: Stylesheets / CSS-Eigenschaften / Positionierung und Anzeige von Elementen

Da die DIVs jeweils eine ID besitzen, lassen sich diese im Stylesheet (in deinem Fall die CSS-Datei page.css) als Selektoren notieren und mit den gewünschten CSS-Eigenschaften formatieren.

Beispiel für CSS-Syntax:

Code: 
div#root { /* CSS-Eigenschaften */ }

div#banner { /* CSS-Eigenschaften */ }

div#links { /* CSS-Eigenschaften */ }

div#mitte { /* CSS-Eigenschaften */ }
[editpost]

Anmerkung: für eine konkrete Hilfestellung bezüglich des verschobenen Seitenlayouts ist der Code der CSS-Datei page.css aufschlussreicher, als der PHP-Code.
 
Zuletzt bearbeitet von einem Moderator:
Ok danke,
ich hab am Anfang da gar nicht durchgesehen, jetzt hab ich mir aber was über CSS durchgelesen und mir die page.css angesehen, und es funktioniert. Danke schön!
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück