css - one div below, not to right, of other -


re on ebay: http://www.ebay.com/itm/281670060888

on own site (at http://sallymilo.com/template-din.html) , when running on own computer, right side div aligns top of left side div, when put on ebay, right side div below left - if make tabbed section 200 pixels narrower.

a bit of main 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;  } 

and bit of tabbed section css:

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

the issue in ebay width of container lower 1000px. because of fact inner sections hardcoded widths break.

i suggest use width %, in way not matter of container inner sections take number of percentage gave.

.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>


Comments

Popular posts from this blog

python - Operations inside variables -

Generic Map Parameter java -

arrays - What causes a java.lang.ArrayIndexOutOfBoundsException and how do I prevent it? -