View Full Version : Why is my DIV falling down the page?
Jesdisciple
08-10-2008, 04:04 AM
My problem is at http://jesdisciple.110mb.com/; I believe the layout is from here (http://www.dynamicdrive.com/style/layouts/item/css-fixed-layout-21-fixed-fixed/). The content div, because it has 100% width, refuses to stay beside the menu div.
But the page hasn't always had this problem; where'd I mess up? Thanks!
TheJoshMan
08-10-2008, 04:13 AM
looks right to me...
Jesdisciple
08-10-2008, 04:26 AM
Scroll down the page to "So... This is my home page (for now)." That should be up top. The problem is more severe on longer pages, e.g. http://jesdisciple.110mb.com/site.php.
TheJoshMan
08-10-2008, 04:45 AM
add this:
#leftcolumn {
background:#5588CC none repeat scroll 0 0;
border-right:3px solid #CC8855;
float:left;
height:100%;
position:absolute;
width:247px;
}
Jesdisciple
08-10-2008, 04:57 AM
That's a step in the right direction, but now the footer is stalking the content... http://jesdisciple.110mb.com/
Thanks!
TheJoshMan
08-10-2008, 05:01 AM
#contentwrapper {
float:left;
height:100%;
padding-bottom:24px;
width:100%;
}
and...
#footer {
background:black none repeat scroll 0 0;
clear:both;
color:#FFFFFF;
display:block;
height:24px;
padding:4px 0;
text-align:center;
width:100%;
}
Jesdisciple
08-10-2008, 05:29 AM
That almost did it. Check the Site section (http://jesdisciple.110mb.com/site.php); the content goes off the page. I think I remember it doing this before...
TheJoshMan
08-10-2008, 05:31 AM
no problem
Jesdisciple
08-10-2008, 05:43 AM
Erm... I apparently edited my post as you submitted yours.
But I really do appreciate your help either way.
TheJoshMan
08-10-2008, 06:21 AM
Well, firebug is really going nuts on me... so I can't reallly do much to try to help... but my first suggestion would be to try putting the
<div id="footer">© 2008 Jesdisciple</div>
OUTSIDE the maincontent DIV, preferably right before the </body> tag
TheJoshMan
08-10-2008, 06:21 AM
that along with the absolute positioning might be enough to do it
Jesdisciple
08-12-2008, 04:49 PM
OK, I tried to apply this page (which uses your suggestion) from Twey (http://ryanfait.com/resources/footer-stick-to-bottom-of-page/) with no success. How'd I screw it up this time?
Powered by vBulletin® Version 4.2.2 Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.