un div ci-dessous, et non à droite, d'autres

Question

RE ceci sur eBay: http://www.ebay.com/itm/281670060888

sur mon propre site (à http://sallymilo.com/template-din.html) et lors de l'exécution sur mon ordinateur, la div côté droit aligne sur le haut de la gauche côté div, mais quand je le mets sur eBay, le côté droit div est en dessous de la gauche - même si je fais la section à onglet 200 pixels plus étroit.

Un peu de la principale CSS:

.row1 { width:100%; position:relative; float:left; background:url(https://myimagefiles.com/dinnerman/tbg.png); } 
.row1l { width:26%; position:relative; margin-left:2em; float:left; } 
.row1r { width:64%; position:relative; margin-left:2em; margin-right:2em; float:left; } 

et un peu de la section à onglets CSS:

.tabholder { width:100%; height:14em; font-size:16px; } /* base font size for em-scaling */ 
.tabholder div.tabtops { width:100%; max-width:550px; } 

Answer 1

Le problème est que dans ebay la largeur du conteneur est inférieure à 1000px. En raison du fait que vos sections intérieures avec des largeurs dures se cassent.

Je vous suggère d'utiliser la largeur avec %, de cette façon peu importe ce que sera avec le conteneur les sections intérieures prendront le nombre du pourcentage que vous avez donné.

.container { 
 
margin: 20px; 
 
background-color: rgba(0,0,0,0.2); 
 
overflow: hidden; 
 
} 
 

 
.col-1 { 
 
width: 20%; 
 
background-color: rgba(0,0,0,0.2); 
 
float: left; 
 
} 
 

 
.col-2{ 
 
width: 80%; 
 
background-color: rgba(0,0,0,0.5); 
 
float: left 
 
}

<div class="container"> 
 
<div class="col-1">col-1</div> 
 
<div class="col-2">col-2</div> 
 
</div>