Hallo liebe Helfer,
ich habe ein Problem bei dem Einbinden von Dateien mit include und eine Frage zu dem Erweitern von Dateinamen innerhalb der include-Anweisung mit einer Variablen - oder aber einer Alternative zu dem Vorgehen .
In dem HTML-Dokument soll lediglich der Rahmen aller Seiten festgelegt werden. Mittels der Include-Dateien will ich den Inhalte der Bildschirmbereiche (bis auf die Bereiche aside und section immer den gleichen Inhalt) laden.
1. Problem: Die PHP-Dateien werden mit include geladen, aber es werden Leerzeilen zwischen den Dateien eingefügt bzw. die Blöcke werden verschoben. Woran liegt das und wie kann ich es ändern?
2. Frage: Die Dateiennamen asideINC.php und sectionINC.php haben Inhalt, der von den übrigen Bereichen abweicht. Also ruft der Benutzer nach dem Laden der Hauptseite z.B. die Unterseite "Hilfe" über das Menü in "steuerungoben" (siehe Datei nav_str_obenINC.php unten) auf, soll die Datei aside_hilfe_1INC.php und section_hilfe_1INC.php aufrufen. Um das für alle Unterseiten leichter zu bewerkstelligen, soll der Dateiname in der include-Anweisung mittels Variablen, festgelegt in den jeweiligen Seiten, verändert werden. Wie kann ich das am Besten bewerkstelligen?
3. Frage: Gibt es einen gänzlich anderen Ansatz, mit dem ich es am einfachsten erreiche, dass der feststehenden Bereiche nur einmal programmiert werden muss und dann der Content der Bereiche section und aside nur verändert werden muss, ohne immer den gesamten Code der feststehenden Bereiche zu wiederholen?
Lieben Dank an alle Helfer im Voraus!
Hier mein Code:
1. HTML des Hauptdokuments XYZ.php
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<title>XYZ</title>
<meta name="XYZ" content="XYZ">
<link href="/XYZ/CSS/SPMainCSS.css" rel="stylesheet">
<link rel="icon" type="image/vnd.microsoft.icon" href="/XYZ/IMG/SPDeskICO.ico">
</head>
<body>
<div id="wrapper">
<?php
include("PHP/headerINC.php");
include("PHP/nav_str_obenINC.php");
include("PHP/nav_str_linksINC.php");
include("PHP/sectionINC.php");
include("PHP/asideINC.php");
include("PHP/footerINC.php");
?>
</div>
</body>
</html>
Alles anzeigen
Meine CSS:
* {
margin: 0;
padding: 0;
font-family: verdana, arial, sans-serif;
}
body {
}
header, nav, footer, aside, section {
display: block;
}
#wrapper {
background-color: #f3f3f4;
width: 1050px;
margin: 0 auto;
text-align: left;
}
header {
background-color: #f3f3f4;
width: 100%;
margin: 0 auto;
}
#steuerungoben {
background-color: #f3f3f4;
}
#steuerungoben ul {
list-style-type: none;
margin-left: 190px;
}
#steuerungoben li {
display: inline-block;
}
#steuerungoben a {
display: inline-block;
width: 230px;
background-color: #f3f3f4;
float: left;
text-align: center;
line-height: 24px;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 14px;
text-decoration: none;
color: #003399;
}
#steuerungoben a:hover {
background-color: #e5ecf4;
font-weight: bold;
text-decoration: underline;
}
#steuerunglinks {
background-color: #f3f3f4;
width: 190px;
float: left;
}
#steuerunglinks ul {
list-style-type: none;
background-colcor: #e5ecf4;
padding-top: 0px;
padding-bottom: 50px;
}
#steuerunglinks li {
padding-top: 0px;
padding-bottom: 5px;
background-colcor: #e5ecf4;
}
#steuerunglinks li p {
background-color: #e7e7e7;
padding-top: 5px;
padding-bottom: 5px;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 16px;
line-height: 24px;
text-decoration: none;
color: black;
padding-left: 1em;
}
#steuerunglinks li a {
display: block;
width: 176px;
background-color: #f3f3f4;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 14px;
line-height: 24px;
text-decoration: none;
color: #003399;
padding-left: 1em;
}
#steuerunglinks li a:hover {
background-color: #e5ecf4;
font-weight: bold;
text-decoration: underline;
}
aside {
background-color: #f3f3f4;
width: 190px;
float: right;
padding-left: 1em;
}
section {
background-color: #ffffff;
margin-left: 190px;
margin-right: 190px;
width: 652px;
color: #003399;
border: 1px solid #e7e7e7;
}
section h1 {font-style: normal; font-variant: normal; font-weight: bold; font-size: 150%;}
footer {
background-color: #f3f3f4;
clear: both;
}
footer p {
font-size: 10px;
font-weight: bold;
}
.parent {
position: absolut;
margin-left: auto;
width: 500px;
}
span.txtred {color:red;}
#txtleft {
text-align: left;
float:left;
margin-left: 20px;
}
#txtright {
text-align: right;
margin-right: 20px;
}
Alles anzeigen
als Beispiel header.php:
<header>
<a href="/XYZ/XYZ.php" title="Hauptmenü">
<img src="/XYZ/IMG/CC_Kopf_1360x70.png" alt="Grafik: Hauptmenü" width="100%" />
</a>
</header>
als Beispiel nav_str_obenINC.php: