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
    1. .paralax{
    2. background-image: url("../img/index/jungefrau.jpg");
    3. height:20vh;
    4. width:100vw;
    5. background-attachment: fixed;
    6. background-position: center;
    7. background-repeat: no-repeat;
    8. background-size: cover;
    9. }

    Ist dieser auch zu sehen unter dem Footer

    Code
    1. .optikfooter{
    2. background-color:#D1945F ;
    3. width:100%;
    4. text-align: center;
    5. }
    6. .footertext{
    7. color:#fff;
    8. }

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

    Code
    1. <section >
    2. <div class="rightimg1"></div>
    3. <div class="lefttext1"><p><h2 class="headlines" id="wir">blablabla<br><span class="headlinesblack">Firma</span>
    4. </h2><br>
    5. <p class="fließtext">
    6. blablablablabla....
    7. </p></p></div>
    8. </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