Beiträge von sejuma

    Lass das position: fixed weg, dann kannst du auch scrollen.

    Unabhängig davon verstehe ich den Sinn dieser Übung nicht ganz: Jeder Browser bietet Scrollbalken an, wenn Bedarf dazu besteht.
    Scrollbalken innerhalb einer Seite wirken sich nach meinem persönlichen Geschmack nur störend auf das Gesamtlayout aus.

    Eigerntlich sollte dir der Validator helfen, weil da viel zu viele Fehler drin sind.
    Ich versuchs aber trotzdem mal, jedoch ohne Garantie auf Vollständigkeit.

    Grün=einfügen
    Rot=streichen


    Natürlich sollte die Seite danach noch weiter optimiert und der Code "verschlankt" werden.

    OK, hab erst jetzt in den Quelltext gesehen, und zwar auf der Seite "Gedichte":
    Da sind eine Menge Validierungsfehler drin.
    Du hast vor allem das Grundgerüst des Seitenaufbaus nicht beachtet.
    Da stehen Teile und Elemente an Stellen, wo sie einfach nicht hingehören.

    Beispiele:
    Bevor du body öffnest, musst du head schließen.
    Innerhalb body öffnest du dann nochmal html und head, was unzulässig ist.
    Dann öffnest du body ein zweites Mal und schließt ihn danach gleich wieder.

    Dein Problem hat also nichts mit PHP-Include zu tun, sondern liegt am total falschen Page-Aufbau.
    Bereinige das mal alles, dann werden sicher auch die Links funktionieren bzw. man kann dann den eigentlichen Fehler besser eingrenzen.

    Du musst unterscheiden, was HTML-code und was CSS-Code ist.

    Den HTML-Code schreibst du in eine HTML-Datei und den CSS-Code in eine CSS-Datei.

    Die Verbindung stellst du über das verlinkte Stylesheet her. Klingt am Anfang alles etwas kompliziert, wird aber schon klappen.
    Meine Signatur ist die dabei vielleicht behilflich oder auch dieser Link.

    Beachte dabei:
    Nicht für alles brauchst du Div's.
    Es gibt auch noch viele andere Elemente, die man semantisch korrekt einsetzen sollte. So z.B. Überschriften, Absäte, Listen u.v.m.

    Deine Frage habe ich nicht so recht verstanden.
    Generell funktioniert ein Link so:

    Code
    <a href="zieladresse">Bezeichnung der Zieladresse oder anklickbarer Text</a>

    Bei "zieladresse" musst du dann die URL der Seite angeben, zu der verlinkt werden soll.
    oder bei projektinternen Verweisen die Dateibezeichnung der Zielseite.

    Dabei brauchst du noch top/left-Werte.
    Versuch's mal so:

    Code
    #sidebar {
    		width: 35%;
    		top: 0;
                    left: 5%;
    		float: left;
    		position: fixed;
    	}

    Es könnte auch sein, dass fixed und float nicht gleichzeitig funktionieren. Müsste ich nachsehen.

    Mach dir zunächst vorsichtshalber eine Sicherungskopie der CSS-Datei.

    Lösche bei #header und #content die float-Angabe.

    Füge bei #content ein "margin-left: 200px;" hinzu.

    Gib #container eine weiße Hintergrundfarbe.

    Lösche #bg_left und #bg_right komplett.

    Füge vor dem Schließen von #container folgendes ein:

    Code
    <div style="clear: both;"></div>

    Falls das dann doch nicht ganz geklappt hat, bitte hochladen und nochmal melden.

    Dann aber darauf achten, dass für p "margin: 0;" definiert wird, sonst entstehen Abstände.

    Ansonsten so:

    Code
    <div style="border: 2px solid blue;">
    <div style="border: 2px solid red;">
    <p>
    Inhalt
    </p>
    </div>

    Für die Style-Angaben am besten entsprechende CSS-Klassen definieren.

    Der ganze Code ist ziemlich falsch. Insofern war mein Vorschlag lediglich eine "pragmatische" Lösung.
    Die Rahmen werden nicht korrekt definiert.

    "ul#Navigation span" wird zweimal definiert mit unterschiedlichen Angaben. Dadurch kommt es zu irgendwelchen Konflikten.
    Am sinnvollsten sollte das Ganze deshalb nochmals komplett neu definert werden.

    Das kommt auf deine Situation drauf an, bzw. was du damit bezwecken willst.
    Ich persönlich rate davon ab, für ein Layout absolute und fixe Positionierungen zu verwenden.
    Je nach Fenstergrößen kann das dazu führen, das bestimmte Inhalte verschwinden und evtl. nicht angezeigt werden.

    Ein normales Layout lässt sich mit margin- und float-Angaben ebenso und m.E. viel besser erstellen.

    Da müsstest du etwas rechnen:
    Du könntest ul eine bestimmte Breite geben.
    Davon abziehen: Anzahl der Links x deren Einzelbreite.
    Den Rest teilen durch (Anzahl Links - 1), ergibt dann den Zwischenabstand.
    Dieses Ergebnis verwendest du als margin-right-Wert.
    Dem letzten Listenpunkt darf dieser Wert dann jedoch nicht zugewiesen werden.