html - How to put a min-height in a relative class css ? -



html - How to put a min-height in a relative class css ? -

i'm designing website, it's going 1 html page using javascript switch between divisions. i'm using wrap partition banner/header, text container , footer relative positioned. want footer @ to the lowest degree bottom of window when there not plenty content, i'm trying set min-height text container. website occupy @ to the lowest degree windows in it's height.

my html code (a part ^^)

<div id="wrap"> <div id="banner"></div> <div> <div id="whoami" class="corpus"></div> <div id="etc" class="corpus">there different divisions these, i'm switching through thoose using jquery, that's not of import there. i'm trying set min-height footer @ bottom of windows if there not plenty content. can't pass footer in absolute position</div> </div> <div id="footer"></div> </div>

the css goes this

html, body { margin:0; padding:0; background:#fff; height:100%; } #wrap { background-color:#ff0; min-height:100%; width:1000px; left:50%; margin-left:-500px; position:absolute; } #banner { background-color:blue; height:150px; width:1000px; position:relative; } .corpus { width:800px; min-height:100%; //i tried : min-height : calc(100% - 260px); didn't work. margin-left:100px; background-color:grey; position:relative; height:auto; margin-top:5px; } #footer { height:100px; width:1000px; background-color:purple; position:relative; z-index:1; bottom:0; margin-top:5px; }

a little fiddle road :http://jsfiddle.net/yoshino78/bn455/1/

i hope i've been clear ? ^^ help , if needed sense free inquire me details.

since #wrap positioned element , you've applied bottom:0 footer, you've apply position:absolute footer, it'll remain @ bottom of #wrap regardless of content within it.

demo

side note: might want apply padding-bottom #wrap equal height of footer content won't hidden behind footer

html css relative

Comments

Post a Comment

Popular posts from this blog

ruby on rails - Devise Logout Error in RoR -

ruby on rails - Devise Logout Error in RoR - while using devise in ror, encountering unusual error when trying log out url different root url. displays me : actioncontroller::invalidauthenticitytoken in devise::sessionscontroller#destroy" for illustration if rooting path after log in '/structure', , seek log out '/general' error, while logging out '/structure' fine. any help highly appreciated. ruby-on-rails ruby devise
Read more

c# - Create a Notification Object (Email or Page) At Run Time -- Dependency Injection or Factory -

c# - Create a Notification Object (Email or Page) At Run Time -- Dependency Injection or Factory - i have code emails me notification when happens. trying add together page , also remove dependency on email. for reference; have name of notification want send stored string in database. @ runtime have list of people , string representation of want receive. i thought dependency injection ninject, kernel bindings got big , seemed hacking together. then thought simple factory, activator.createinstance(email/page) inotifcation, don't know how handle differing constructor parameters (unless utilize common, complex property, employee, has info need). so far have this: public interface inotification { void sendmessage(); } public class email: inotification { private readonly string _toemailaddress; private string body { { homecoming "email"; } } private static string smtphost { ...
Read more

model view controller - MVC Rails Planning -

model view controller - MVC Rails Planning - i'm starting rails , i'm building app stores films info, user can watch film , give grade on web application. i have coded cinema model, controller , views. now, have 2 questions: should need create model , controller grading? in case, should create or should wait , create first users model , controller? yes, on model , controller grades. that'd feasible way maintain track of who's graded what. it's create first, i'd start users, since grades depend on both films , users. ruby-on-rails model-view-controller
Read more