html - Set div to 100% of content -

-

i using 1140px fluid grid (cssgrid.net) layout.

i having problem..

my layout looks this:

side menu - content           - content           - content           - content           - etc. etc.

my problem is, layout this:

side menu - content content content content content etc. etc.

i want, "side menu" full height, push content "the right".

my layout (exist of 12 cols):

<div class="container">    <div class="row">     <div class="twocol">     -- side menu content here --     </div><!-- end 2col -->       <div class="tencol last">     content content content     </div>      <div class="tencol last">     content content content     </div>      <div class="tencol last">     content content content     </div>      <div class="tencol last">     content content content     </div>    </div><!-- end .row -->   </div><!-- end .container -->

the css is:

.container { padding-left: 20px; padding-right: 20px; }  .row { width: 100%; /*max-width: 1140px; */ min-width: 755px; margin: 0 auto; overflow: hidden; }  .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol { margin-right: 3.8%; float: left; min-height: 1px; }  .row .onecol { width: 4.85%; }  .row .twocol { width: 13.45%; }  .row .threecol { width: 22.05%; }  .row .fourcol { width: 30.75%; }  .row .fivecol { width: 39.45%; }  .row .sixcol { width: 48%; }  .row .sevencol { width: 56.75%; }  .row .eightcol { width: 65.4%; }  .row .ninecol { width: 74.05%; }  .row .tencol { width: 82.7%; }  .row .elevencol { width: 91.35%; }  .row .twelvecol { width: 100%; float: left; }  .last { margin-right: 0px; }

i hope can me. thank you.

your layout looks way:

body +------------------------------------------------------------+ | 2 col content   ten col content                          | | +--------------+ +---------------------------------------+ | | |              | |                                       | | | |              | |                                       | | | +--------------+ +---------------------------------------+ | | +---------------------------------------+                  | | |   ten col content                     |                  | | |                                       |                  | | +---------------------------------------+                  | | +---------------------------------------+                  | | |   ten col content                     |                  | | |                                       |                  | | +---------------------------------------+                  | | +---------------------------------------+                  | | |   ten col content                     |                  | | |                                       |                  | | +---------------------------------------+                  | | +---------------------------------------+                  | | |   ten col content                     |                  | | |                                       |                  | | +---------------------------------------+                  | | +---------------------------------------+                  | | |   ten col content                     |                  | | |                                       |                  | | +---------------------------------------+                  | +------------------------------------------------------------+

do not repeat ten col content. keep wrapper , use smaller divs. this:

body +------------------------------------------------------------+ | 2 col content   ten col content                          | | +--------------+ +---------------------------------------+ | | |              | | +-----------------------------------+ | | | |              | | |                                   | | | | +--------------+ | |                                   | | | |                  | +-----------------------------------+ | | |                  | +-----------------------------------+ | | |                  | |                                   | | | |                  | |                                   | | | |                  | +-----------------------------------+ | | |                  | +-----------------------------------+ | | |                  | |                                   | | | |                  | |                                   | | | |                  | +-----------------------------------+ | | |                  | +-----------------------------------+ | | |                  | |                                   | | | |                  | |                                   | | | |                  | +-----------------------------------+ | | |                  | +-----------------------------------+ | | |                  | |                                   | | | |                  | |                                   | | | |                  | +-----------------------------------+ | | |                  +---------------------------------------+ | +------------------------------------------------------------+

in case if want html code,

<div class="container">      <div class="row">         <div class="twocol">         -- side menu content here --         </div><!-- end 2col -->           <div class="tencol last">             <div>                 content content content             </div>             <div>                 content content content             </div>             <div>                 content content content             </div>             <div>                 content content content             </div>         </div>      </div><!-- end .row -->   </div><!-- end .container -->

hope helps!


Comments

Post a Comment

Popular posts from this blog

django - How can I change user group without delete record -

-
on website user have 1 group. , user can change group. it's made user.groups.clear() and user.groups.add(new_group) but it's not efficient, because there 2 sql query: delete, insert. how can change group update query? user , group related each other using manytomanyfield . means intersection table exists relating both entities, , if don't specify model map (using through attribute) django creates 1 you. looking @ sources django.contrib.auth.models see that's case. fortunatly, can access intermediary model using through attribute of manager (in case, user.groups.through ). can use regular model. example: >>> alice = user.objects.create_user('alice', 'alice@example.com', 'alicepw') >>> employee = group.objects.create(name='employee') >>> manager = group.objects.create(name='manager') >>> alice.groups.add(employee) >>> alice.groups.all() [<group: employee...
Read more

java - Need to add SOAP security token -

-
i need set custom soap header attribute on jax-ws generated webservice client. case webservice calls must go through proxy server requiring specific token (recieved web request header) present in soap request header. e.g.: 1 carserviceservice service = null; 2 service = new carserviceservice(new url(url), new qname(qname); 3 carserviceendpoint port = service.getcarserviceport(); it seems in line 3 wsdl retrieved , call fails due missing security token. 1 point direction on how done? a detailed example has been mentioned here: creating , deploying jax-ws web service on tomcat 6 this article shows how create , use security token .
Read more

java - EclipseLink JPA Object is not a known entity type -

-
i have strange problem eclipselink , object want persist. have 1 object (keypointlistimpl) stores object keypointimpl in list. persisting keypointimpl objects works great if try persist keypointlistimpl object java.lang.illegalargumentexception says object keypointimpl isn't known entity type. here keypointimpl code: @entity @table(name="keypoints") public class keypointimpl implements keypoint { @id @generatedvalue(strategy = generationtype.identity) private int id; @enumerated(enumtype.string) private detectortype keypointtype; private float x; private float y; private float size; private float angle; private float response; private int octave; private int classid; ... } here keypointlistimpl code: @entity @table(name="keypointlists") public class keypointlistimpl implements keypointlist { @id @generatedvalue(strategy = generationtype.identity) private int id; @onetoone(cascade={ca...
Read more