nicht angemeldet
Dank der schnellen gestern Hilfe hier im Forum habe ich es geschafft, includes in meine html-Dateien einzubinden.
Allerdings habe ich immer noch ein Problem mit dem Layout.
Ich ich habe die Navigationsleiste, die in der style.css normalerweise so konfiguriert ist, dass sie sich links am Rand befindet, der Inhalt ist rechts.
An der selben stelle, an der bisher die Navigationsleiste im Quelltext stand, habe ich jetzt die navigation.inc eingabaut (s.u.)
Mein Problem:
Die Navigationsleiste ist zwar eine Liste, steht jetzt aber oben links, der Inhalt wird jetzt darunter angezeigt.
Ich finde den Fehler einfach nicht. Übernimmt die eingefügte navigation.inc nicht die Vorgaben aus der css-Datei?.
Die Grafik, Schrift usw. stimmt aber alles.
Hier mal kurz die Struktur der Seite und darunter ein Auszug der css-Datei - evtl. sieht ja jemand , wo ich mal wieder einen Bock geschossen habe.
Danke im Voraus!
<body><div id="Seite">
<!--#include file="navigation.inc" -->
<div id="Inhalt">
<h1>Überschrift
</h1>
text ipsum lirum larum löffelstiel >/div></div>
</body></html>
style.css dazu (Auszüge):
div#Seite {
margin: 0%;
padding: 0.5em;
background-color: transparent;
background-attachment: scroll;
background-position: 0% 0%;
text-align: left;
background-repeat: repeat;
}
img {
border: none;
background-color: transparent;
}
div#logo {
padding: 0;
margin-right: 4em;
font-size: 0.91em;
float: left;
margin-top: -2.3em;
background-image: none;
}
ul#Navigation {
margin: 0.5em 0.3em 0;
padding: 0;
overflow: hidden;
background-color: transparent;
text-decoration: none;
width: 8.8em;
}
ul#Navigation li {
margin: 0.2em;
list-style-image: none;
background-color: transparent;
list-style-type: none;
list-style-position: outside;
text-decoration: none;
font-weight: inherit;
text-align: left;
padding-left: 0.1em;
}
ul#Navigation a {
margin: 0.2em;
padding: 0.3em 0.1em;
display: block;
font-weight: bold;
background-color: transparent;
font-size: 1.4ex;
color: #009900;
}
ul#Navigation a:link {
border: 0.3em outset #575757;
margin: 0.2em;
padding: 0.3em 0.1em;
color: #996633;
background-color: transparent;
font-size: 1.4ex;
font-weight: bold;
}
ul#Navigation a:visited {
border: 0.3em outset #575757;
margin: 0.2em;
padding: 0.3em 0.1em;
background-color: transparent;
background-image: none;
font-weight: bold;
color: #993399;
font-size: 1.4ex;
}
ul#Navigation a:hover {
border: 0.3em outset #575757;
margin: 0.2em;
padding: 0.3em 0.1em;
text-decoration: underline;
background-color: transparent;
color: black;
font-weight: bold;
font-size: 1.4ex;
}
ul#Navigation a:active, ul#Navigation span {
border: 0.3em inset #575757;
margin: 0.2em;
padding: 0.3em 0.1em;
font-weight: bolder;
background-color: #999999;
color: white;
background-image: none;
font-size: 1.4ex;
div#Inhalt {
padding: 1em 1em 0.1em 0.9em;
background: transparent url(../grafiken/back2.jpg) repeat scroll left center;
margin-top: 0.5em;
}