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
Code
.leftimg1{
float: left;
background-image: url(../img/index/jungefrau2.jpg);
background-size: cover;
background-position: center;
height:50vh;
width: 50%;
padding:0;
margin:0;
}
.righttext1{
float: right;
width:50%;
height:50vh;
background-color: #fff;
padding:0;
margin:0;
}
Alles anzeigen
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