html - Fixed position footer isn't scrollable horizontally off-screen -

-

i need footer stay fixed bottom of page @ times, , need give minimum-width left content , right content don't collide each other (as per designer's mock up). problem arises if user's viewport skinny, right side of content gets cut off screen, , there's no way access it. i'd not have change way menu behaves (adding media query breakpoints or something) , rather have menu acts more position:absolute @ bottom la position:fixed.

any ideas?

.footer {      width: 100%;      min-width: 500px;      position: fixed;      bottom: 0;      left: 0;      background: #eee;      height: 50px;  }    .left {      float: left;  }    .right {      float: right;  }  }
<div class="footer">      <div class="left">my left content</div>      <div class="right">my right content</div>  </div>

try setting min-width property each side as

.left {     float: left;     min-width:250px; }  .right {     float: right;     min-width:250px; }

you can set them smaller px size make right side stay open @ smaller width. if want fancy create media query remove float @ width


Comments

Post a Comment

Popular posts from this blog

apache - setting document root in antoher partition on ubuntu -

-
i place apache document root inside partition of ubuntu hard drive, keep getting forbidden message, when place home directory woking find, how be? group or owner affected ? here mysite.conf , apache2.conf when place document root in home folder (working) #site-available/mysite.conf documentroot /home/jono/www #/etc/apache2/apache2.conf <directory /home/jono/www/> options indexes followsymlinks allowoverride none require granted </directory> bu when change document root partition keep getting forbidden messasge #site-available/mysite.conf documentroot /media/jono/website_data/www #/etc/apache2/apache2.conf <directory /media/jono/website_data/www/> options indexes followsymlinks allowoverride none require granted </directory> is owner/group access affected ? or there problem ? at last it's working, have grant access www:data accesing whole directory @mark-b, using chown -r www-data:www-data whole directory is...
Read more

cytoscape.js - How to add nodes to Dagre layout with Cytoscape -

-
i trying add nodes dagre graph through cityscape.js. problem nodes not painted. code have: cy.add({ group: "nodes", data: { id:"n0",name:"n0",weight: 75 }, }); $.ajax(url).done(function(jsontree){ var newnodes=[]; for(var i=1;i<6;i++){ //var child = jsontree.result[i]; newnodes.push( { group: "nodes", data: { id: "n"+i, name:"n"+i}}, { group: "edges", data: { id: "e"+i, source: "n0", target: "n"+i } } ); } cy.add(newnodes); any ideas? have used loaded function reload graph not work. not know if have use specific function reload graph. thank in advance. you need add positions new nodes. cytoscape.js docs : it important note positions of newly added nodes must defined when calling cy.add(). nodes can not placed in graph without valid position — otherwise not displayed. yo...
Read more

php - laravel retrieving profile firstname from model returns Object of class Illuminate\Database\Eloquent\Builder could not be converted to string -

-
hi passing user_id user model , joining profile table retrieve first name of user so: public function scopefirstnamebyuserid($id) { return static::where('users.id','=',$id)->join('profiles', function ($join,$id) { $join->where('profiles.user_id', '=', $id); })->pluck('firstname'); } usage: user::firstnamebyuserid(2); however following error: missing argument 2 user::{closure}() edit# the function has been updated to: public function scopefirstnamebyuserid($id) { return static::where('users.id','=',$id)->join('profiles',function ($join) use ($id) { $join->where('profiles.user_id', '=', $id); })->pluck('firstname'); } but throws error: object of class illuminate\database\eloquent\builder not converted string any ideas i'm doing wrong? in...
Read more