css - How to keep fixed div on the left and relative div on the right as resizable container -

-

i have 2 containers both relative , both set float right. target that, left container give height 100% of screen , in fixed position. when it, other elements broken. suggestions kindly appreciated.

http://jsfiddle.net/vpxec/3/

<div class="outleftcontainerunder"> </div>   <div class="maincontainer">     <div class="innermaincontainer">         <div class="articlebutton"></div>         <div class="discussionbutton"></div>         <div class="editbutton"></div>         <div class="searchbar"></div>     </div> </div>      body     {         margin: 0;         padding: 0;     }      .outleftcontainerunder     {         width: 175px;         height: 250px;         background: green;         float: left;         position: relative;     }      .maincontainer     {         width: calc(100% - 175px);         height: 1000px;         float: left;         position: relative;     }

if remove float on left container, , move main container right should work how think want to.

see: http://jsfiddle.net/vpxec/2/

.outleftcontainerunder /*i want div in position fixed , height 100% of screen. when it, there chaos*/ {   width: 175px;   height: 250px;   background: green;   position: fixed;   height: 100%;  }  .maincontainer {   width: calc(100% - 175px);   left: 175px;   height: calc(100% + 50px);   float: left;   position: relative; }

Comments

Post a Comment

Popular posts from this blog

Unable to remove the www from url on https using .htaccess -

-
i want remove www site url. ie. https://www.domainname.com.au https://domainname.com.au . i have tried various .htacces code nothing work me. here present code remove www http not work https. rewriteengine on rewritebase / rewritecond %{http_host} ^www\.(.*)$ [nc] rewriterule ^/(.*)$ http://%1/$1 [r=301,l] rewritecond %{https} off rewriterule ^(.*)$ https://domainname.com.au/$1 [r=301,l] rewriterule ^code-of-conducts/(.*)/$ code-of-conducts.php?type=$1 rewriterule ^parents/post-a-job/(.*)/edit/$ parents/post-a-job.php?action=edit&id=$1 rewriterule ^parents/post-a-job/(.*)/$ parents/post-a-job.php?job_type=$1 rewriterule ^parents/open-jobs/(.*)/delete/$ parents/open-jobs.php?action=delete&id=$1 rewriterule ^parent-profile/(.*)/$ parent-profile.php?id=$1 rewriterule ^parents/job-details/(.*)$ parents/job-details.php?applied_id=$1 rewriterule ^sitterprofile/(.*)/$ sitterprofile.php?id=$1 rewriterule ^sitter/job-board/state/(.*)/page/(.*)/$ sitter/job-board.ph...
Read more