CSS-basiertes Layout

rocco · 08.01.2009, 21:01

So, nachdem ich in diesem Beitrag (http://www.php.de/html-usability-und...es-safari.html (iFrames + Safari)) darauf hingewiesen worden bin anstelle von Frames besser ein CSS-basiertes Layout zu verwenden hab ich mich heut mal da ein bisschen umgeschaut:

Hab mir eben das Meiste dazu auf selfhtml.org durchgelesen. Aber mir ist nicht genau klar wie ich meine Seite so umstellen kann. Einige von euch haben sie ja evtl. schon gesehen, aber hier nochmal die Adresse: http://www.vs-peesen.at/main.html

Die Seiten die im rechten Frame angezeigt werden (Hauptframe) sind allesamt eigene PHP-Seiten (mit einigen GET-Parametern in der Adresse).

D.h. wenn ich das Layout nun auf CSS ändere, dann hab ich doch nur mehr eine einzige Seite, oder?
D.h. ich hol die anderen Seiten per include() in den div-Tag?
Aber was ist dann mit den GET-Parametern in der Adresse?
Oder wird das gar ganz anders gemacht?

Oft sieht man ja auch dass eine Seite quasi als Ordner in der Adressleiste erscheint (d.h. hinter einem Schrägstrich, z.B. beispiel.at/fotobuch). Hat das auch was damit zu tun?

Grüße

nikosch · 08.01.2009, 21:03

Stell Dir die GET-Parameterisierten Inhaltsseiten vor. Und dann, dass in jeder das Menü per Include eingebunden wird. Mehr ist das nicht.

Natürlich geht das noch eleganzer, aber das ist erstmal ein Ansatz, den Du sicher nachvollziehen kannst.

rocco · 08.01.2009, 21:07

Danke, so hab ichs mir eh vorgestellt. Wie würde es denn eleganter gehn?

Achja, noch was:
Ich hab in dem linken Frame ja auch einen recht großen PHP-Ablauf, der nur einmal durchlaufen werden müsste. Mit Frames bleibt ja die linke Seite immer die selbe, aber wenn ich das jetzt änder dann würde ja auch diese Seite immer geladen werden, wenn ich auf einen Link klicke. Somit würde das ganze Skript jedes mal durchlaufen. (Eine Lösung fällt mir schon ein, aber ist das wirklich notwendig dass hierbei die GANZE Seite neu geladen wird?)

rocco · 08.01.2009, 21:25

Ach ja... und wird bei Google Analytics ein Seitenaufruf per include() auch aufgezeichnet?

spikytux · 08.01.2009, 21:46

Code:

<html>
	<head>
		<title>php navigation</title>
	</head>
	
	<body>
	<?
		$page = $_GET['page'];
		echo $page."<---";
	
	?>
	<div id="mainPage">
		<div id="navi">
		<a href="navi.php?page=news">news</a> &nbsp;-&nbsp;
		<a href="navi.php?page=links">links</a>
		</div>
		
		<div id="content">
			<?
			if(!isset($page)){
				$page = "news";
			}
			if($page == "news") {
				echo "newsinc"; // include "include/news.inc.php";
			} 
      
      
      elseif ($page == "links") {
				echo "linksinc"; //include "include/links.inc.php";
			}
			
			?>
		</div>
	</div>
	
	</body>
</html><?php

?>

also ich würde ne css einbinden mit allen daten. das navi system ist ein ganz php code... aber wie du das ganze dann in der tat umsetzen sollst,weiß ich nicht ^^ mußt halt vieles über CSS lesen, wie beispielsweise die DIV's am besten gestaltest usw. joah, bin leider selbst blutiger anfänger, aber vielleicht hat dieser navi.php bischen geholfen, btw. der code kommt von youtube mußt mal suchen gehen, da tippt der author das live ein..gruß

rocco · 08.01.2009, 21:53

Danke, das ist eh das was nikosch meinte.

Ich kämpf grad mit einem anderen Problem.
Ich möchte dass mein Container bis zum Browserfenster-Ende geht. Dazu habe ich folgendes eingetippt:

Code:

body {  
padding:0; margin:0;
height: 100%;
}

div#leftFrame {
float:left;
width: 270px; height:100%;
padding: 30px 10px 30px 10px;
margin: 0;
margin-right: 30px;
border: 2px solid blue;
}

Leider funktionierts nicht. Der Container "leftFrame" ist nach wie vor so groß wie sein Inhalt.

JEGO · 12.01.2009, 10:01

schau dir mal Home: Yet Another Multicolumn Layout | An (X)HTML/CSS Framework an.
Die haben sehr gute css Beispiele auch für dein Problem.

rocco · 12.01.2009, 10:13

Zitat:

Zitat von JEGO

schau dir mal Home: Yet Another Multicolumn Layout | An (X)HTML/CSS Framework an.
Die haben sehr gute css Beispiele auch für dein Problem.

Danke, aber ich hab mein "Projekt" schon wieder auf Eis gelegt. Aber ich habs mal ge-Bookmarked um es mir anzusehen wenn ich mal mehr Zeit hab!

Danke!

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Layout mit CSS Coden	.ds	HTML, Usability und Barrierefreiheit	9	12.12.2008 20:56
2-spaltiges Layout	dh1sbg	HTML, Usability und Barrierefreiheit	7	13.11.2006 13:52
CSS Layout	lichtscheu	HTML, Usability und Barrierefreiheit	4	26.03.2006 21:12
css layout frage		HTML, Usability und Barrierefreiheit	1	23.02.2006 20:56
Lücke im Layout	Maho88	HTML, Usability und Barrierefreiheit	10	21.02.2006 18:50
[Erledigt] Problem mit Layout bei Firefox		HTML, Usability und Barrierefreiheit	3	14.11.2005 15:42
Problem mit CSS Layout		HTML, Usability und Barrierefreiheit	5	15.10.2005 21:46
[Erledigt] Probleme bei Fehlerausgabe und bei Layout		PHP Tipps 2005-2	3	01.10.2005 09:26
Gutes Tutorial zu CSS Layout		HTML, Usability und Barrierefreiheit	1	26.09.2005 20:50
Layout verschiebt sich bei kleinerem Fenster	Dragon26mFR	HTML, Usability und Barrierefreiheit	7	26.07.2005 21:10
[Erledigt] <div> layout funtzt nicht!!		HTML, Usability und Barrierefreiheit	7	20.04.2005 19:10
Layout mittels DIV und CSS		HTML, Usability und Barrierefreiheit	4	21.12.2004 13:02
Layout alt gegen Neu :)	themonk	Off-Topic Diskussionen	65	26.10.2004 13:53
[Erledigt] Bildergallerie in Drei Spalten Layout includen?		PHP Tipps 2004	3	16.07.2004 16:21

08.01.2009, 21:01
rocco Erfahrener Benutzer Registriert seit: 30.04.2004 Beiträge: 225	CSS-basiertes Layout So, nachdem ich in diesem Beitrag (http://www.php.de/html-usability-und...es-safari.html (iFrames + Safari)) darauf hingewiesen worden bin anstelle von Frames besser ein CSS-basiertes Layout zu verwenden hab ich mich heut mal da ein bisschen umgeschaut: Hab mir eben das Meiste dazu auf selfhtml.org durchgelesen. Aber mir ist nicht genau klar wie ich meine Seite so umstellen kann. Einige von euch haben sie ja evtl. schon gesehen, aber hier nochmal die Adresse: http://www.vs-peesen.at/main.html Die Seiten die im rechten Frame angezeigt werden (Hauptframe) sind allesamt eigene PHP-Seiten (mit einigen GET-Parametern in der Adresse). D.h. wenn ich das Layout nun auf CSS ändere, dann hab ich doch nur mehr eine einzige Seite, oder? D.h. ich hol die anderen Seiten per include() in den div-Tag? Aber was ist dann mit den GET-Parametern in der Adresse? Oder wird das gar ganz anders gemacht? Oft sieht man ja auch dass eine Seite quasi als Ordner in der Adressleiste erscheint (d.h. hinter einem Schrägstrich, z.B. beispiel.at/fotobuch). Hat das auch was damit zu tun? Grüße


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

08.01.2009, 21:03
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Stell Dir die GET-Parameterisierten Inhaltsseiten vor. Und dann, dass in jeder das Menü per Include eingebunden wird. Mehr ist das nicht. Natürlich geht das noch eleganzer, aber das ist erstmal ein Ansatz, den Du sicher nachvollziehen kannst. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

08.01.2009, 21:07
rocco Erfahrener Benutzer Registriert seit: 30.04.2004 Beiträge: 225	Danke, so hab ichs mir eh vorgestellt. Wie würde es denn eleganter gehn? Achja, noch was: Ich hab in dem linken Frame ja auch einen recht großen PHP-Ablauf, der nur einmal durchlaufen werden müsste. Mit Frames bleibt ja die linke Seite immer die selbe, aber wenn ich das jetzt änder dann würde ja auch diese Seite immer geladen werden, wenn ich auf einen Link klicke. Somit würde das ganze Skript jedes mal durchlaufen. (Eine Lösung fällt mir schon ein, aber ist das wirklich notwendig dass hierbei die GANZE Seite neu geladen wird?)

08.01.2009, 21:25
rocco Erfahrener Benutzer Registriert seit: 30.04.2004 Beiträge: 225	Ach ja... und wird bei Google Analytics ein Seitenaufruf per include() auch aufgezeichnet?

08.01.2009, 21:46
spikytux Benutzer Registriert seit: 29.12.2008 Beiträge: 40	Code: <html> <head> <title>php navigation</title> </head> <body> <? $page = $_GET['page']; echo $page."<---"; ?> <div id="mainPage"> <div id="navi"> <a href="navi.php?page=news">news</a>  -  <a href="navi.php?page=links">links</a> </div> <div id="content"> <? if(!isset($page)){ $page = "news"; } if($page == "news") { echo "newsinc"; // include "include/news.inc.php"; } elseif ($page == "links") { echo "linksinc"; //include "include/links.inc.php"; } ?> </div> </div> </body> </html><?php ?> also ich würde ne css einbinden mit allen daten. das navi system ist ein ganz php code... aber wie du das ganze dann in der tat umsetzen sollst,weiß ich nicht ^^ mußt halt vieles über CSS lesen, wie beispielsweise die DIV's am besten gestaltest usw. joah, bin leider selbst blutiger anfänger, aber vielleicht hat dieser navi.php bischen geholfen, btw. der code kommt von youtube mußt mal suchen gehen, da tippt der author das live ein..gruß

08.01.2009, 21:53
rocco Erfahrener Benutzer Registriert seit: 30.04.2004 Beiträge: 225	Danke, das ist eh das was nikosch meinte. Ich kämpf grad mit einem anderen Problem. Ich möchte dass mein Container bis zum Browserfenster-Ende geht. Dazu habe ich folgendes eingetippt: Code: body { padding:0; margin:0; height: 100%; } div#leftFrame { float:left; width: 270px; height:100%; padding: 30px 10px 30px 10px; margin: 0; margin-right: 30px; border: 2px solid blue; } Leider funktionierts nicht. Der Container "leftFrame" ist nach wie vor so groß wie sein Inhalt.

12.01.2009, 10:01
JEGO Erfahrener Benutzer Registriert seit: 01.12.2003 Beiträge: 2.555 PHP-Kenntnisse: Anfänger	schau dir mal Home: Yet Another Multicolumn Layout \| An (X)HTML/CSS Framework an. Die haben sehr gute css Beispiele auch für dein Problem. __________________ Gruß JEGO Ein PHP Script tut, was Du schreibst, nicht was Du willst.