Beiträge von sejuma

  • div-container und externe css-datei

    Das sind nur ein paar Kleinigkeiten:

    #header:
    float:top kannst du löschen, gibt's nicht.

    #navi:
    nimm hier das position: absolute raus und ersetze es durch

    Code
    float:left;


    left und top-Werte kannst du eigentlich auch weglassen, oder spezifiziere sie mit margin-left und margin-top
    Bei der Farbangabe lass das Schlusszeichen weg und ersetze es durch einen Strichpunkt.

    #content:
    Hier fehlt die öffnende geschweifte Klammer
    Ersetze position:absolut wieder durch float:left;
    und lass top und left weg oder spezifiziere es.
    Insgesamt sollten navi und content dann wohl die gleiche Pixelbreite haben wie der header.

    Ganz unten in der CSS ist noch eine schließende Klammer zuviel.
    Mit diesen Änderungen sollte es dann schon besser aussehen.

  • div container

    Was die Änderungen im Menue betrifft sind in der Tat alle Dateien anzupassen.
    Allerdings ist das bei weitem nicht so aufwendig wie befürchtet.
    Zum einen kann man das Menue mit PHP includen, das geht, hab's selbst jedoch noch nicht ausprobiert.
    Zum andern gibt es Editoren (z.B. Phase 5) mit denen du dateiübergreifende Änderungen per "suchen und ersetzen" vornehmen kannst. Das geht dann für alle betroffene Dateien in einem Rutsch. Diese Möglichkeit finde ich sehr praktisch, wenn man sich mit PHP nicht auskennt.

  • Mach ich meine Seite zu umständlich?

    Es ist sinnvoll, wenn du sämtliche Style-Angaben in eine externe CSS-Datei auslagerst. Dadurch wird der eigentliche HTML-Code übersichtlicher und bezieht sich ur noch auf die divs mit ihren Inhalten. Sämtliche Formatierungen legst du in der CSS-Datei ab. Siehe http://css.fractatulum.net/css_html.htm#a3

    Wenn du eine Homepage bastelst, solltest du sie zunächst immer in einem standardkonformen Browser wie z.B. Firefox ansehen. Erst wenn dann alles passt, kannst du auch mal im IE einen Blick drauf werfen und dann anschließend evtl. auftretende IE-Bugs bereinigen.

    Ums Scrollen solltest du dir wie bereits erwähnt momentan mal noch keine Gedanken machen. Zum einen sind Scrollbalken meist hässlich, zum andern erübrigen sie sich in den meisten Fällen auch ohnehin.

  • div-container und externe css-datei

    In den head-Bereich, zusammen mit dem Anfang sollte der dann z.B. so aussehen:

    HTML
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">
<html lang="de">
<head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
<meta name="generator" content="Adobe GoLive 5">
<title></title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>

    Die style.css liegt in diesem Fall im gleichen Verezeichnis wie deine html-Dateien.
    Diese style.css kannst du mit einem gewöhnlichen Editor generieren und packst darein alle Formatierungs- und Style-Angaben.

    Bei diesen Code-Beispielen kommt der obere Teil in die CSS-Datei und der jeweilige untere Teil (unter den drei Punkten ...) in die HTML-Datei innerhalb des body-Bereichs.

    Lies dir hierzu auch nochmal diese Erläuterungen bzw. die weitergehenden Infos auf diesen Seiten durch
    http://css.fractatulum.net/css_html.htm#a3
    http://www.css4you.de/wscss/css01.html

    Passe dann deinen Code dann erst mal an, dann sieht man weiter. Einige Grundkenntnisse sind schon erforderlich.

  • Mach ich meine Seite zu umständlich?

    Ein Mini-Quelltext kommt meist in Seiten mit Frames vor. Das sieht aber nur "mini" aus. Tatsächlich wird durch Verlinkungen auf andere Dateien verwiesen, die dann den gesamten Quelltext enthalten. Diese Methode ist nicht unbedingt suchmaschinenfreundlich, da diese auf den Mini-Quelltextseiten keinen Inhalt finden.
    Deine eigene Seite kann man erst beurteilen, wenn du uns mal - wie von Elvis empfohlen - einen Link oder den Quelltext reinstellst (unsere Glaskugeln arbeiten nämlich nicht immer so zuverlässig :wink: )

    Frontpage ist ein Homepage-Editor für Leute, die mal auf die Schnelle eine Homepage brauchen, dabei meist noch nicht mal wissen für was eigentlich, die über keinerlei Homepagekenntnisse verfügen und sich mit der Materie auch nicht auseinandersetzen wollen, auf einen sauberen Quelltext keinerlei Wert legen, aber sich dennoch unheimlich aufregen, wenn die HP nicht so angezeigt wird, wie sie es sich eigentlich vorstellen.
    Der typische Frontpage-Benutzer ist hier sehr treffend beschrieben.

  • div container

    Bei CSS wird der Inhalt nicht in einem frame geladen, sondern in einer neuen Seite. Ergibt u.a. Vorteile bei Suchmaschinen, da die auf diese Weise mehr Inhalt finden. Am besten machst du dir ne Vorlage mit den Bestandteilen, die jedesmal konstant bleiben (z.B. Header, Navi und Contentbox). Diese Vorlage speicherst du dann unter unterschiedlichen html-Dateinamen (index.html, seite1.html, seite2.html usw.) ab und füllst die Contentbox mit dem jeweiligen individuellen Inhalt.
    Zum Layout sieh dir mal
    diese Beispiele an.

  • IE und Firefox Bereichshöhe mit CSS

    Ich bin jetzt doch mal auf die Idee gekommen, CSS und HTML etwas zu vereinfachen (sorry). Wenn du die .b-Klasse für keinen anderen Zweck brauchst, kannst du die Angaben auch in #a packen.

    CSS

    HTML

    Code
    <div id="a">
        <div id="c">
          Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. Hier steht ein ganz langer Text. usw
</div>
</div>

  • ohne Frames

    So wie du es schilderst kommen da wohl nur Frames in Frage.
    Mit CSS bräuchtest du für jeden anderen content eine eigene, komplette Datei, die neu zu laden wäre.
    Allerdings: Wenn alles andere (Head, Seiten) unverändert bleibt, hat es auch in CSS nur den "Anschein", dass sich nur der Inhalt ändert, obwohl eine Seite komplett geladen wird.

  • Homepage des Frauenfussballs von Hannover 96

    Frames sind nicht so mein Fall.
    Du solltest noch eine einheitliche Schriftart verwenden (Verdana oder Arial). Da kommt noch zu häufig Times New Roman drin vor und das stört den Gesamteindruck. Die Überschriften sind teilweise etwas zu groß geraten.
    Für den Anfang jedoch recht ordentlich. Das entwickelt sich noch im Lauf der Zeit!

  • faux columns

    Müsste so gehen:
    Nimm einen zusätzlichen Container, in den du Menue und Content hineinpackst. Dann bastelst du dir mit den beiden Farben eine kleine "Querschnittsgrafik" wie in der Anleitung beschrieben und fügst sie als background mit repeat-y in diesen äußeren Container ein. Somit müsste sich die Länge des kürzeren Containers jeweils der des längeren anpassen.
    Falls du dann noch einen unteren abschließenden Rahmen brauchst, einfach diesen in einen zusätzlichen Div packen.

  • CSS Layer 100%

    Ich kann's jetzt leider nicht nachvollziehen, da ich momentan keinen FF zum Vergleich habe und auch der HTML-Code sowie die background-gifs fehlen.
    Was mir aber aufgefallen ist: Abweichend zur faux-columns-Anleitung hat du kein repeat-y drin. Und die Pixel-Grafik (alsoe der "Querschnitt" deiner drei Container) zum dynamischen Anpassen müsste doch wohl auch in den #site container rein? Innerhalb der Einzelcontainer nützt's ja nichts, da diese ja unabhängig voneinander sind.

  • CSS Layer 100%

    Hast du einen Doctype mit Verweis-URL in deiner HTML-Datei? Falls nein, gib mal einen ein. Könnte an dem Box-Hack des IE liegen, wenn dieser im Quirks-Mode ist.
    Gib mal versuchsweise auch das noch in deine CSS ein:

    Code
    * {margin:0; padding:0;}

  • CSS Fragen, bitte Hilfe

    Ich kann's mir momentan im FF leider nicht ansehen. Vertikal-align bezieht sich auf die Ausrichtung innerhealb einer Zeile und nützt diesbzgl. nichts.
    Probier's mal mit einem padding-top Wert, der gibt den inneren Abstand zum oberen Containerrand an.