CSS DOM issue - cannot find a reason why property is being overwritten -
the site in question 1000freewebsites.com. specific pages i'm struggling are:
- 1000freewebsites.com/signup.php
- 1000freewebsites.com/login.php
this site uses skeleton framework , ryan fait's sticky footer. on these pages have div id of #bluestripe should fill vertical space between header , footer.
there 3 parent elements; #html, #body , .wrapper. set height:100%; in stylesheet. #bluestripe set height:100% , min-height:100%. understand it, should achieve effect desire. have theory wrong?
using chrome inspector find height attribute crossed out .wrapper. if theory correct, explains why #bluestripe not expanding fill vertical space.
i cannot find element on rides .wrapper's height setting. can see missing?
your css rule .wrapper has 2 height declarations. rid of 1 setting height auto.
.wrapper { min-height: 100%; height: auto !important; /* <- rid of 1 */ margin: 0 auto -40px; height: 100%; }
Comments
Post a Comment