Steffi: Layout per CSS Probleme mit Positionierung

SELF-Forum

Layout per CSS Probleme mit Positionierung

Steffi
– Informationen zu den Bewertungsregeln

Hallo Ihr Experten,

ich versuche mich gerade darin eine Site mit css Formatierung aufzubauen. Doch leider erliege ich gerade etwas daran. Vielleicht kann mir jemand weiterhelfen...

Der Inhalt sollte nachher generell zentrisch stehen.

Meine Site sieht folgendermassen aus:

----------------------------------------
    I                                        I
    I            header.inc.php              I
    I                                        I
     ----------------------------------------
     -------   --------------------   -------
    I       I I                    I I       I
    I       I I                    I I       I
    I  Nav- I I      Content 1     I I  Nav- I
    I Menue I I                    I I Menue I
    I       I I                    I I       I
    I       I I                    I I       I
     -------   --------------------   -------
     ----------------------------------------
    I                                        I
    I            footer.inc.php              I
    I                                        I
     ----------------------------------------

Wie muß ich die Div's zueinander positionieren, damit ich generell
zentrisch zu meinem "Kopf" und zentrisch auf meiner Seite bin
mit jeweils 5px abstand zu den einzelnen Boxen?

Ich hoffe ich habe es einigermaßen verständlich rübergebracht.

Gruß Steffi

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Layout per CSS Probleme mit Positionierung

    at
    – Informationen zu den Bewertungsregeln

    Hallo.

    Wie muß ich die Div's zueinander positionieren, damit ich generell
    zentrisch zu meinem "Kopf" und zentrisch auf meiner Seite bin
    mit jeweils 5px abstand zu den einzelnen Boxen?

    Welche der gängigen Möglichkeiten hat denn bisher welche Fehler verursacht?
    MfG, at

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Layout per CSS Probleme mit Positionierung

      Steffi
      – Informationen zu den Bewertungsregeln

      Hallo at,

      momentan habe ich es so, daß die Div's zueinander schon ok.
      sind aber eben zu meinen Kopf bzw. Fuß eben nicht nicht genau
      in der selben Gesamtbreite zentrisch. Ich sollte eben eine Lösung haben, bei der der gesamte Seitenaufbau von der Mitte aus geht.
      D.h. Kopf wäre 550px breit und zentrich, Nav-Menue1 (linke Seite) 150px breit und linksbündig mit Kopf, Nav-Menue2 (rechte Seite) rechtsbündig mit Kopf und Content eben zwischen den beiden Menue's

      Mache ich jetzt Windows-Fenster kleiner sollten alle Div's immer bündig mit dem Kopf sein und eine feste Breite haben, also nichts übereinanderschieben...

      Ich hoffe es war so verständlich...

      Gruß Steffi.

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Layout per CSS Probleme mit Positionierung

        Christoph Homepage des Autors
        – Informationen zu den Bewertungsregeln

        Hallo,

        wie wärs wenn du mal ne Seite ins Netz stellst, damit wir sehen wie weit du gekommen bist!

        Grüße

        Christoph

        --
        Ich bin ein spezialisz!
        (Zitat von VENGA JO)
        sh:) fo:) rl:° br:& ie:| mo:) va:) fl:) ss:| ls:< js:|
        Die Erklärung zum Selfcode findest du hier: http://emmanuel.dammerer.at/selfcode.html
        Einen Decoder für den Selfcode findest du hier: http://peter.in-berlin.de/projekte/selfcode
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

  2. Layout per CSS Probleme mit Positionierung

    Viennamade
    – Informationen zu den Bewertungsregeln

    Hallo!

    Wie muß ich die Div's zueinander positionieren, damit ich generell
    zentrisch zu meinem "Kopf" und zentrisch auf meiner Seite bin
    mit jeweils 5px abstand zu den einzelnen Boxen?

    Ich glaube, das hier http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html hilft Dir.

    Beste Grüße
    Viennamade

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Layout per CSS Probleme mit Positionierung

      Steffi
      – Informationen zu den Bewertungsregeln

      Hallo Viennamade!

      den link habe ich als Tut genommen. Vielen Dank nochmals dafür.
      aber irgendwie will es nicht klappen. Wie gesagt die Positionierung zueindander ja aber nicht zu meinem Kopf.

      Gruß Steffi

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Layout per CSS Probleme mit Positionierung

        at
        – Informationen zu den Bewertungsregeln

        Hallo.

        den link habe ich als Tut genommen. Vielen Dank nochmals dafür.
        aber irgendwie will es nicht klappen. Wie gesagt die Positionierung zueindander ja aber nicht zu meinem Kopf.

        Dann übernimm doch statt nur Auszügen auch den Rest.
        MfG, at

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

  3. Layout per CSS Probleme mit Positionierung

    Stefan Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo Steffi,

    versuchs doch mal mit meinem Artikel

    http://plagge.vol4u.de/artikel/css/css5.php

    als Grundlage. Mit eine paar kleineren Anpassungen müßte es gehen:

    In das rechts gefloatete DIV kommt ein weiteres (links ausgerichtetes DIV), wodurch dann der Mittelteil aus den gewünschten drei Teilen bestehen würde.

    Gruß,
       Stefan

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Layout per CSS Probleme mit Positionierung

      Steffi
      – Informationen zu den Bewertungsregeln

      Hallo Stefan,

      ich werds mal versuchen ob ich dmit hinkomme...

      Vielen Dank und schönen Abend.

      Gruß Steffi

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

  4. Layout per CSS Probleme mit Positionierung

    Heiner
    – Informationen zu den Bewertungsregeln

    Hallo,

    Ich habe unter http://www.alistapart.com/old/fear4 etwas Ähnliches entdeckt wie das was Du wohl suchst. Dort ist ein Bereich mittig gesetzt, danach kommen zwei Spalten und dann ein Fußbereich.

    Es ist mit div und CSS gemacht. Ich hatte aber noch nicht die Zeit, es in verschiedenen Browsern zu testen und genau unter die Lupe zu nehmen. Aber vielleicht schaust Du mal in den Quelltext.

    Falls es Dir hilft, kannst Du Deine Erfahrungen ja mal schildern.

    Heiner

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  5. Layout per CSS Probleme mit Positionierung

    Orlando Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hi Steffi,

    ich versuche mich gerade darin eine Site mit css Formatierung aufzubauen. Doch leider erliege ich gerade etwas daran. Vielleicht kann mir jemand weiterhelfen...

    http://www.positioniseverything.net/thr.col.stretch.html
     http://www.webproducer.at/flexible-layout
     http://www.realworldstyle.com/nn4_3col_header.html
     http://www.tanfa.co.uk/css/layouts/css-3-column-layout-v1.asp

    Millionen weiterer Beispiele findest du hier:

    http://www.google.at/search?q=css+header+3+column+footer

    Hier kannst du Beispiel-Layouts erstellen:

    http://www.fu2k.org/alex/css/layouts/3Col_NN4_FMFM.mhtml

    Grüße,
     Roland

    --
    http://www.nils.org.au/ais/web/resources/toolbar/
    http://aktuell.de.selfhtml.org/tippstricks/css/drucklayout/
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln