nicht angemeldet
includes und css
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;
}
-
<body><div id="Seite">
<!--#include file="navigation.inc" -->
<div id="Inhalt">
<h1>Überschrift
</h1>
text ipsum lirum larum löffelstiel >/div></div>
</body></html>Poste bitte den Code, der im Browser auch ankommt.
style.css dazu (Auszüge):
...
ul#Navigation {
margin: 0.5em 0.3em 0;
padding: 0;
overflow: hidden;
background-color: transparent;
text-decoration: none;
width: 8.8em;
}Soll diese Navigation links gefloatet sein, dann floate sie auch.
mfg Beat
--
><o(((°> ><o(((°>
<°)))o>< ><o(((°>o
Der Valigator leibt diese Fische-
Poste bitte den Code, der im Browser auch ankommt.
Ich schätze mal, damit wäre auch der Inhalt der inc-Datei gemeint?
Egal, Fehler gefunden, das float hat gefehlt! ;-)
Danke für den Hinweis! Da muß ich bei meinen verschiedenen Versuchen wohl was verbockt haben oder ohne die include-Geschichte funktioniert es aus anderen Gründen. Der W3C-Validator hatte jedenfalls (zum Schluss) an der vorigen Dateien nichts auszusetzen.
Aber ich bin halt auch blutiger Anfänger.Also nochmal Danke Beat!!
-