Problem mit Header-Navigation

    Hallo,
    folgendes Problem beschäftigt mich seit ein paar Stunden:
    Rahmenbedingungen:
    Ich bin gerade dabei, CSS (und HTML) zu lernen. Zwecks dessen arbeite ich an einer Testwebseite.
    zusätzliche Techniken:
    HTML und CSS, die HTML-Datei ist aber als PHP abgespeichert, da ich vorhabe, auch PHP-Elemente einzubauen.
    Einschränkungen:
    ???
    Browser & Betriebssystem:
    Windows 8, Google Chrome
    Editor:
    Webocton/Scriptly
    Problembeschreibung
    Der Header [ id="kopfzeile" ], wie auf http://www.html-seminar.de/kopfzeile-im-css-design.htm beschrieben, soll durch einzelne, waagrecht angeordnete Felder [<div class="kopfzeileelement"> <p>Lorem Ipsum</p></div>] ersetzt werden. Darunter sollen sich dann die Navigationsspalte [id="navleiste" ], die eine zweite Navigation und eine Infobox enthält.
    Fehlermeldung/-beschreibung:
    Fehler: Die Navigationsspalte rutscht nach, steht dann ganz oben in der Leiste. Interessanterweise geschieht dies in der Probeansicht von Webocton/Scriptly nicht.
    bisherige Lösungsversuche:
    Verbreitern der Felder führt teilweise zu einem Umbruch
    Code:



    ----------------
    Ansicht im Vorschaubrowser von Scriptly:
    [Blockierte Grafik: http://www.fotos-hochladen.net/uploads/lsungsbild1aohjpy9n1c.png]
    Ansicht in Chrome, im Normalen IE ist es ähnlich:
    [Blockierte Grafik: http://www.fotos-hochladen.net/uploads/problembild1wfhy389n4u.png]


    Ich hoffe nun alle nötigen Informationen zur Verfügung gestellt zu haben,
    mfg. Harald

    1.) Warum gibt es hier keine Spoiler???
    2.) Mein Code:
    Ist sonst auch noch verändert worden, beispielsweise eine dritte Spalte, aber trotzdem mal mein Code ;)





    als dritte Frage habe ich noch:


    in http://www.html-seminar.de/sti…fussleiste-ganz-unten.htm lernt man, wie man den Sticky footer macht. Soweit alles hinbekommen.
    Allerdings möchte ich jetzt auch noch ein Hintergundbild, das sich wie in http://www.html-seminar.de/bei…intergrund_aufspannen.htm bzw. http://www.html-seminar.de/css…und_hintergrundbilder.htm (ganz unten) über die ganze Seite aufspannt und NICHT! mitscrollt, unterbringen.


    Problematik: Nach den Ergebnissen, die ich aus dem Studium des Quellcodes habe, muss ich das Hintergrundbild position:absolute setzen. Das funktioniert aber nicht. Setze ich das position relative im Code auf absolute, funktionierts auch nicht :(
    Ev. hat da jmd einen Lösungsvorschlag?
    Hier mal der verwendete Code:


    Das Testbild: http://image.excite.de/lifesty…ilder-default-61371-0.jpg

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden