Paralax und gefloatete DIV Boxen vertragen sich nicht ?

  • Hallo, ich habe noch ein Problem mit meiner Seite.. zwar habe ich es alles in sections unterteilt... oben in den Sections zwei DIV Boxen.. mit jeweils float left und float right zu je 50%

    als Beispiel

    Dann kommt eine Section mit einem Formular..

    binde ich dann den Paralax ein

    Code
    .paralax{
        background-image: url("../img/index/jungefrau.jpg");
        height:20vh;
        width:100vw;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    Ist dieser auch zu sehen unter dem Footer

    Code
    .optikfooter{
          background-color:#D1945F ;
       
          width:100%;
          text-align: center;
          
      }
      .footertext{
          color:#fff;
      }

    Packe ich jedoch nochmal so eine 50:50 Divbox dazwischen ist der Paralax weg...

    Code
    <section >
        <div class="rightimg1"></div>
        <div class="lefttext1"><p><h2 class="headlines" id="wir">blablabla<br><span class="headlinesblack">Firma</span>
        </h2><br>
        <p class="fließtext">
            blablablablabla.... 
            </p></p></div>
    </section>

    ich habe mehrere unterschiedliche Klassen angelegt wie rightimg2 und lefttext2 weil es ja auch ein anderes Hintergrundbild hat... ich frage mich wieso ? Wieso verschwindet das ich wie kann ich es fixen..


    freue mich auf Vorschläge :O

  • Dropthemike

    Ohne deinen Code jetzt genauer angeschaut zu haben...

    Ich glaube du solltest dir nochmal die Auswirkungen von float-Elementen, auch auf umliegende Elemente verinnerlichen.


    Übrigens, lasst "float" doch endlich mal aussterben :D

  • nextuser wird nicht passieren, weil es nich genug Tutorials gibt, die veraltete Methoden verwenden...


    Gerade als Anfänger darf man sich alle paar Monate anhören, dass man veraltete Methoden verwendet.

Jetzt mitmachen!

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