Log in

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?