Wie schon oben erwähnt. Es wäre sinnvoll nicht mit festen Größen zu arbeiten
Du gibst jeder Div Ebene eine Width: von 100%. Wenn du 2 Nebeneinander haben möchtest,
teilst du die 100% durch 2 also 50 % mal 50%.
Beim Live Minimieren des Webbrowsers wirst du dann feststellen, dass die Box Ebene sich dann anpassen tut.
Bzgl. deines Background Problems: Das hier könnte dir aber vielleicht helfen
.imageBoximage4 {width:100%; min-height:992px; position:relative; text-align:center;}
.imageBoximage4 { background-position:center; backgound-size:cover; float:left;}
.imageBoximage4 {-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.imageBoximage4 {background: url(images/background3.jpg) no-repeat center center fixed;}
<div class="imageBoximage4"></div>
oder alternativ:
<div><img src="bilder/background.jpg" width="100%"></div>
Allerdings dann ohne das CSS
Mit:
/* for 1000px or less */
@media screen and (max-width: 100px) {
.imageBoximage4 {width:50%}
}
media screen wirst du auch Vieles erreichen können. Probier's einfach aus.