Markus B.: Höhe der Bereiche im div-Layout (3 Spalten + Kopf und Fuss)

SELF-Forum

Höhe der Bereiche im div-Layout (3 Spalten + Kopf und Fuss)

Markus B.
– Informationen zu den Bewertungsregeln

Hallo,

habe schon ein wenig herum gesucht und sogar etwas gefunden, allerdings nicht ausreichend für mich. Und zwar habe ich ein Design, dass um einen Textbereich einen runden Rahmenbereich spannt. Diese Rahmen mache ich durch 8 einzelne divs die jeweils das entsprechende Bild ausgeben. Soweit komme ich auch. Nur bei der linken bzw. rechten Umrahmung scheitere ich. Die will partout nicht die komplette Höhe des jeweils umlagernden divs einnehmen.

Zur Veranschaulichung das Rohdesign:
http://www.mbuscher.de/sonst/blwp/index.html

Wie man sieht sind die seitenbereiche, die Mitte und der Fuß jeweils von einem Runden Rahmenlayout umgeben. Nur jeweils die linke bzw. rechte Umrahmung macht nicht das was ich mir erwünsche.

Wie kann ich das hinbekommen?

Ich wäre für einen hilfreichen Beitrag sehr dankbar!

Gruß
Markus

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Höhe der Bereiche im div-Layout (3 Spalten + Kopf und Fuss)

    Mo3bius
    – Informationen zu den Bewertungsregeln

    Gib mal Mtml und CSS datei her, ich denke da kann man dir deutlich besser helfen.
    Ansonsten hier noch ein Link: http://www.andreas-kalt.de/webdesign/tutorials/runde-ecken

    Vielleicht hilft dir das weiter.

    Mfg Mo3bius

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Höhe der Bereiche im div-Layout (3 Spalten + Kopf und Fuss)

      Mo3bius
      – Informationen zu den Bewertungsregeln

      Edit:

      Bin heut a bissle verwegen ;)

      Du hast ja schon den Link zur Seite angegeben...

      Ich schau gleich mal drüber

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

    2. Höhe der Bereiche im div-Layout (3 Spalten + Kopf und Fuss)

      Markus
      – Informationen zu den Bewertungsregeln

      Gib mal Mtml und CSS datei her, ich denke da kann man dir deutlich besser helfen.

      Die html-Datei: http://www.mbuscher.de/sonst/blwp/index.html
      Die css-Datei: http://www.mbuscher.de/sonst/blwp/main.css

      Ob mir das verlinkte Tutorial wirklich weiterhilft kann ich nicht so recht feststellen. Ich finde es fraglich ein 1200x1200 Pixel großes Bild für das Design zu benutzen. Und wenn der Inhalt mehr wird habe ich auch ein Problem.

      Ich lese es trotzdem mal genauer durch. Vielleicht hat es ja doch nen guten Tipp darunter. Wobei mir mein Lösungsansatz durchaus lieber wäre. Ich weiß nur nicht wie ich es zu ende bringe.

      Trotzdem erstmal danke!

      Gruß
      Markus

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Höhe der Bereiche im div-Layout (3 Spalten + Kopf und Fuss)

        Mo3bius
        – Informationen zu den Bewertungsregeln

        Keine Ahnung ob das ein alter Hut ist, aber mir hat heut jemand geschrieben, dass das AddOn "Web Developer" für Firefox gut ist.

        Wennste das net hast, installier das mal. Wenn du dann unter Outline: Outline block elements anklickst, siehst du wo das Problem liegt. Irgendwie passen da die divs nicht richtig zueinander.

        Vielleicht hilft das.

        Mfg Mo3bius

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. Höhe der Bereiche im div-Layout (3 Spalten + Kopf und Fuss)

          Markus
          – Informationen zu den Bewertungsregeln

          Doch das AddOn habe ich schon relativ lange und ist immer sehr hilfreich doch bei diesem Fehler konnte es mir bislang nicht helfen. Denn ich weiß nicht genau, welche Einstellung im CSS das gewünschte Ziel erreicht. Daher suche ich hier nach jemandem, der das evtl. bereits kennt und sagen kann was ich machen muss.

          Gruß
          Markus

          Beitrag melden
          –
          Informationen zu den Bewertungsregeln