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
Post a Comment