Ergebnis 1 bis 7 von 7

Thema: Layerproblem

  1. #1
    HTML Newbie
    Registriert seit
    25.06.2011
    Beiträge
    5
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard Layerproblem

    Hallo,

    ich hoffe mir kann einer helfen.
    Folgendes Problem.
    Ich habe eine Layer in der Mitte, der bis ganz unten gehen soll.
    Dann ein Layer links, einen in der Mitte und einen rechts.
    Ist nun aber der Linke von der Höhe her voller als der in der Mitte, wird der Hintergrund nicht
    ganz nach unten geschoben. Der Layer in der Mitte richtet sich von der Höhe her immer an
    dem Mittleren Layer aus.

    Hier mal der Code:
    Code:
    body  {
    background-color:#e7ac67;
    margin:0;
    padding:0;
    height:100%;
    min-height:100%;
    }
    #layer_middle    {
        z-index:1;
        width:1108px;
        display: run-in;
        background-image:url(../layout/bg_gesamt.png);
        background-repeat:repeat-y;
        margin:0px auto;
        height:100%;
        min-height:100%;
        padding-bottom:10%;
        box-shadow:10px 0px 6px rgba(123, 44, 29, 0.6), -10px 0px 6px rgba(123, 44, 29, 0.6);
    }
    #layer_left    {
        z-index:1;
        display:inline-block;
        margin:0px auto;
        float:left;
        width:260px;
        height:100%;
        min-height:100%;
        padding-bottom:5%;
    }
    #layer_right    {
        z-index:1;
        float:right;
        width:150px;
        margin-top:10px;
        margin-right:12px;
        padding-top:10px;
        padding-right:10px;
        text-align:center;
    }
    #bg_layer    {
        z-index:1;
        width:510px;
        background-color:#ecbe88;
        margin-top:10px;
        margin-left:290px;
        padding-top:10px;
        padding-left:15px;
        padding-right:15px;
        padding-bottom:10px;
        border:2px solid #784d22;
        border-radius: 12px 0px 12px 0px;
        box-shadow: 3px 5px 7px rgba(123, 44, 29, 1.0);
    }
    Dann noch der HTMl Code:
    Code:
    <div id="layer_middle">
    <div id="title"><div itemscope itemtype="http://data-vocabulary.org/Organization">
         <span itemprop="name"><div id="ueberschrift">Meine  Geschichte, zu dem was ich heute  bin!</div></span></div>
        </div>
    <div id="layer_left" style="clear:right;">
    <div id="navi_left">Layer Links mit Inhalt
    </div>
    <div id="layer_right">Layer Rechts mit Inhalt</div>
    </div>
    <div id="bg_layer">Layer in der Mitte, der den Hintergrund nach unten schiebt.</div>
    </div>
    </body>
    </html>
    Hab auch noch einen Scrteenshot gemacht, zur besseren Verständnis:

    Layout.jpg

    Ich hoffe mir kann jemand helfen.
    Danke schon mal im voraus
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Teeny
    Registriert seit
    08.01.2015
    Ort
    A, A
    Beiträge
    34
    Danke
    2
    Bekam 1 mal "Danke" in 1 Posting

    Standard AW: Layerproblem

    Hast du es mal mit position:fixed versucht? Wäre auch schön wenn du es irgendwo mal hochlädst bzw. den Link hier postest.

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    25.06.2011
    Beiträge
    5
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Layerproblem

    Hab ich gerade gestest. Geht auch nicht.
    Hier mal der Link zur Testseite.
    http://test.klang-des-windes.de/werdegang/

  4. #4
    Teeny
    Registriert seit
    08.01.2015
    Ort
    A, A
    Beiträge
    34
    Danke
    2
    Bekam 1 mal "Danke" in 1 Posting

    Standard AW: Layerproblem

    Also wenn ich richtig sehe, ist es auf http://test.klang-des-windes.de/index.php alles so wie du es wolltest.

    /e mach es sonst erstmal mit <br>'s, mir fällt gerade nichts zu ein.
    Geändert von Bazs (18.02.2015 um 21:28 Uhr)

  5. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    25.06.2011
    Beiträge
    5
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Layerproblem

    Das seltsamte ist aber , das der Layer in der Mitte den Hintergrund nach unten schiebt. Das müsste doch mit dem Layer mit der Navogation auch gehen?
    Das ist es was ich will. Das mit den <br> ist eingentlich keine schöne Lösung, da ich ja nie weiß wie groß der Bildschirm ist, sonst könnte ich ja uch
    das min-height mit einer Pixelzahle versehen.
    Hab mal gerade den Layer Navbi mit einer Hintergrundfarbe versehen. Er geht bis unten. Aber war geht dann der Hintergrund nicht bis runter?
    Geändert von siggi67 (18.02.2015 um 21:42 Uhr)

  6. #6
    Teeny
    Registriert seit
    08.01.2015
    Ort
    A, A
    Beiträge
    34
    Danke
    2
    Bekam 1 mal "Danke" in 1 Posting

    Standard AW: Layerproblem

    vlt. position:relative und overflow: hidden sprich

    #layer_middle {
    z-index:1;
    width:1108px;
    display: run-in;
    background-image:url(../layout/bg_gesamt.png);
    background-repeat:repeat-y;
    margin:0px auto;
    height:100%;
    min-height:100%;
    position:relative
    overflow: hidden
    padding-bottom:10%;
    box-shadow:10px 0px 6px rgba(123, 44, 29, 0.6), -10px 0px 6px rgba(123, 44, 29, 0.6);
    }

  7. Folgende User finden die Antwort von Bazs gut:


  8. #7
    HTML Newbie
    Themenstarter

    Registriert seit
    25.06.2011
    Beiträge
    5
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Layerproblem

    Eh, super danke es klappt.
    Hab wieder was gelernt.
    Ich Danke dir.

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •