javascript - Get footer to display AFTER elements with z-index -

-

i have 1 div containing elements both relative & absolute position, both , without z-index.

i need div - footer, display after other visible elements. should start below end of lowest other element.

in html code, footer div occur after others. reason, renders under/overlapped others.

i can't figure out positioning or z-index can set make footer never overlapped other elements, , displays lowest/last on page.

you can see problem in fiddle: http://jsfiddle.net/patmeeker/9drr6qhr/

(later length of other elements change dynamically. not sure if concern, fiddle doesn't reflect yet)

it's because you're using position: relative top: 50px, render position 50px further top, in flow, it's position still in top without space, top: 0, cause footer doesn't have top value overlapped content div class relnoz.

to overcome this, should either give top: 50px footer , other sibling container (if any) or remove top: 50px .relnoz

here's updated fiddle

#relnoz{      position: relative;      top:50px;      border: 1px solid red;  }    #absnoz{      position: absolute;      top: 100px;      left:240px;  }    #relwithz{      position: relative;      left:70px;      z-index:3;  }    #abswithz{      position: relative;      left:370px;      z-index:3;  }    #foot{      position: relative;      top:50px;      border: 1px solid green;  }
<div id="relnoz">      <div id="absnoz">          absolute          </div>            <div id="relwithz">          relative/z-index          </div>            <div id="abswithz">          absolute/z-index            </div>          content<br>          content<br>          content<br>          content<br>          content<br>  </div>    <div id="foot">      footer<br>      footer<br>      footer<br>      footer<br>      footer<br>  </div>


Comments

Post a Comment

Popular posts from this blog

ruby on rails - RuntimeError: Circular dependency detected while autoloading constant - ActiveAdmin.register Role -

-
i using activeadmin , have file doing this: activeadmin.register role something--- end however, server gives me error: runtimeerror: circular dependency detected while autoloading constant role /library/ruby/gems/2.0.0/gems/activesupport-4.0.10/lib/active_support/dependencies.rb:461:in `load_missing_constant' /library/ruby/gems/2.0.0/gems/activesupport-4.0.10/lib/active_support/dependencies.rb:184:in `const_missing' ~/desktop/boxfox/app/admin/role.rb:1:in `<top (required)>' /library/ruby/gems/2.0.0/gems/activesupport-4.0.10/lib/active_support/dependencies.rb:424:in `load' /library/ruby/gems/2.0.0/gems/activesupport-4.0.10/lib/active_support/dependencies.rb:424:in `block in load_file' /library/ruby/gems/2.0.0/gems/activesupport-4.0.10/lib/active_support/dependencies.rb:616:in `new_constants_in' /library/ruby/gems/2.0.0/gems/activesupport-4.0.10/lib/active_support/dependencies.rb:423:in `load_file' /library/ruby/gems/2.0.0/gems/activesuppor...
Read more

c++ - OpenMP unpredictable overhead -

-
i have simple openmp code runs 4 empty threads , reports time: #include "omp.h" #include <sys/time.h> #include <cstdio> double start_time; void process_thread() { } int main(){ struct timeval tv; gettimeofday(&tv, null); start_time = 1000*((double)tv.tv_sec + 1e-6*(double)tv.tv_usec); printf("beginning time: %.3fms ",start_time-start_time); #pragma omp parallel schedule(static,1) for(int i=0;i<4;i++) process_thread(); gettimeofday(&tv, null); double cur_time = 1000*((double)tv.tv_sec + 1e-6*(double)tv.tv_usec); printf("finishing time: %.3fms\n\n",cur_time-start_time); } without openmp running time small , consistent: beginning time: 0.000ms finishing time: 0.050ms beginning time: 0.000ms finishing time: 0.050ms beginning time: 0.000ms finishing time: 0.049ms beginning time: 0.000ms finishing time: 0.049ms beginning time: 0.000ms finishing time: 0.050ms beginnin...
Read more

django rest framework - DRF 3.0: UniqueTogetherValidator with a read-only field -

-
in process of upgrading django rest framework 3.0 2.4.4 , want have read-only user field, failing because 'user' being required uniquetogethervalidator (i think) i have model (excuse typos, simplified , code works fine irl): class examplemodel(models.model): some_attr = models.positivesmallintegerfield() other_attr = models.positivesmallintegerfield() user = models.foreignkey(user) class meta: unique_together = ('some_attr', 'other_attr', 'user') viewset: class exampleviewset(viewsets.modelviewset): queryset = examplemodel.objects.all() serializer_class = exampleserializer def perform_create(self, serializer): serializer.save(user=self.request.user) def perform_update(self, serializer): serializer.save(user=self.request.user) serializer: class exampleserializer(serializers.modelserializer): user = userserializer(read_only=true) class meta: model = examplemodel n...
Read more