Seite an Seite divs, die nicht zentriert sind und nicht dem Inhalt entsprechen

Question

Ich versuche, zwei divs nebeneinander in einem Wordpress-Thema zu setzen. Ein Schieberegler befindet sich auf einer Seite (links) und drei Bilder, die Banner der Art sind, sind auf einem anderen (rechts).

Das Problem, das mir begegnet, ist (1) Das Div wird nicht zentriert und (2) auf größeren Monitoren die Divs nicht mit dem Inhalt übereinstimmen. Ich denke, der beste Weg, es zu beschreiben, ist, dass sie nicht mit dem Inhalt kollabieren, während sie reaktionsfähig bleiben. Also, wenn ich die div-Breite als Prozentsatz habe, um die Dinge reaktionsfähig zu halten, passen die divs nicht zusammen, aber wenn ich die Breite der divs automatisch mache, entsprechen sie dem Inhalt.

Dies ist meine Website http://jesuspeople.personalityweb.com/ so können Sie sehen, was ich sage. Hier ist meine CSS für meine div

.mydiv{ 
position: relative; 
display:inline-block; 
/*position: absolute;*/ 
width: 100%; 
margin-left: auto; 
margin-right: auto; 
height: auto !important; 
/*height: 650px !important;*/ 
/*border: thin solid red;*/ 
background-image: url("http://jesuspeople.personalityweb.com/ 
wp-content/uploads/2016/10/gradient-new-2.jpg"); 
background-repeat:repeat-x; 
overflow: hidden; 
/* z-index:-1;*/ 

} 

für die divs auf der Seite mein Code Hier ist

<div class='mydiv'>"; 
echo "<div style='float:left; width: 75%'>"; 
echo page_slider(); 
echo"</div><div style='float:right; width: 25%'> 
<img src='http://jesuspeople.personalityweb.com/wpcontent/uploads/2016 
/10/partner-with-us-1.jpg' /> 
<img src='http://jesuspeople.personalityweb.com/wp-content/ 
uploads/2016/10/prophetic-corner-1.jpg' /> 
<img src='http://jesuspeople.personalityweb.com/wp- 
content/uploads/2016/10/miracle-testimonies-1.jpg' /> 
</div>"; 
echo"</div>"; 

Answer 1

Sie sehr alten Bootstrap verwenden, so u seiner Gitterstruktur folgen sollte wie unter diesem ur Inhalt helfen align

<div class='container'>"; 

echo "<div class='row'; 
echo "<div class='span8'; 
echo page_slider(); 
echo"</div><div class='span8'> 

<img src='http://jesuspeople.personalityweb.com/wpcontent/uploads/2016 
/10/partner-with-us-1.jpg' /> 
<img src='http://jesuspeople.personalityweb.com/wp-content/ 
uploads/2016/10/prophetic-corner-1.jpg' /> 
<img src='http://jesuspeople.personalityweb.com/wp- 
content/uploads/2016/10/miracle-testimonies-1.jpg' /></div>"; 

echo"</div></div>";