Here’s an idea (sandbox example link). Include a phantom div in your footer component that represents the footer’s position that other dom elements will respect (i.e. affecting page flow by not being position: ‘fixed’;). var style = { backgroundColor: “#F8F8F8”, borderTop: “1px solid #E7E7E7”, textAlign: “center”, padding: “20px”, position: “fixed”, left: “0”, bottom: “0”, height: … Read more
It can be done with tables — and I know I’m going to risk a downvote by suggesting using tables for layout – but we are talking IE6 here which isn’t known for its fantastic CSS support 🙂 If you set a CSS style as follows: thead { display: table-header-group; } tfoot { display: table-footer-group; … Read more
Align is the way to go if you have only one child. If you have more, consider doing something like this: return new Column( crossAxisAlignment: CrossAxisAlignment.center, mainAxisSize: MainAxisSize.max, mainAxisAlignment: MainAxisAlignment.end, children: <Widget>[ // Your elements here ], );
This Flexbox solution is neater and far easier to implement: HTML <body> <div class=”content”> content </div> <footer class=”footer”></footer> </body> CSS html, body { height: 100%; } body { display: flex; flex-direction: column; } .content { flex: 1 0 auto; } .footer { flex-shrink: 0; } Just ensure you wrap the necessary divs inside the body.
It is very simple to do that. The solution is to use the same approach of the LinearLayoutManager with a GridLayoutManager and then use the method setSpanSizeLookup on the LayoutManager like this: mLayoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() { @Override public int getSpanSize(int position) { switch(myAdapter.getItemViewType(position)){ case MyAdapter.VIEW_TYPES.Product: return 1; case MyAdapter.VIEW_TYPES.Progress: return 2; //number of columns of the … Read more
I’m specifically seeing in my code that self.theTable.tableFooterView = tableFooter; works and [self.theTable.tableFooterView addSubview:tableFooter]; does not work. So stick to the former and look elsewhere for the possible bug. HTH
I’ve been trying to tackle this problem for a few days now and I’ve gotten really close to the solution. I use the following HTML: <body> <div data-role=”page” id=”page”> <div data-role=”header”> <h1 id=”title”>Title</h1> </div><!– /header –> <div data-role=”content” id=”content”> <p>Loading…</p> </div><!– /content –> <div data-role=”footer” id=”footer” data-position=”fixed”> <div data-role=”navbar” id=”navbar”> </div> </div><!– /footer –> </div><!– … Read more
in your adapter add this class: private class VIEW_TYPES { public static final int Header = 1; public static final int Normal = 2; public static final int Footer = 3; } then Override the following method like this: @Override public int getItemViewType(int position) { if(items.get(position).isHeader) return VIEW_TYPES.Header; else if(items.get(position).isFooter) return VIEW_TYPES.Footer; else return VIEW_TYPES.Normal; … Read more
UPDATE My original answer is from a long time ago, and the links are broken; updating it so that it continues to be useful. I’m including updated solutions inline, as well as a working examples on JSFiddle. Note: I’m relying on a CSS reset, though I’m not including those styles inline. Refer to normalize.css Solution … Read more
For your footer: #footer { position: fixed; height: 50px; background-color: red; bottom: 0px; left: 0px; right: 0px; margin-bottom: 0px; } For your body: body { margin-bottom:50px; } #footer { background-color: red; position: fixed; bottom: 0px; left: 0px; right: 0px; height: 50px; margin-bottom: 0px; } div { margin: 20px 20px; } body { margin-bottom: 50px; } … Read more