Web Design Discussion

Print Page | Close Window

DIV's.

Printed From: Web Wiz Forums
Category: General Discussion
Forum Name: Web Design Discussion
Forum Description: Discussion on web design and development subjects.
URL: https://forums.webwiz.net/forum_posts.asp?TID=23321
Printed Date: 28 March 2026 at 2:20pm
Software Version: Web Wiz Forums 12.08 - https://www.webwizforums.com

Topic: DIV's.

Posted By: davidshq
Subject: DIV's.
Date Posted: 13 May 2007 at 11:29pm

So, from what I hear (and maybe I'm out of the loop) using DIVs with CSS is the new way to handle page layout (okay, so maybe I'm just catching on a few years late). Anyways, I've always done page layout based on tables, but it seems that divs offer a lot more flexibility...But I'm having some problems with them.
For example, is there an easy way to tell the footer to take a relative position to the bottom of the body div? Right now if the content in the body gets too large it overruns the footer div, b/c the footer div isn't smart enough to know that it belongs below the body.
Any help would be greatly appreciated.
David.

-------------
- http://www.davemackey.net/" rel="nofollow - Dave Mackey - Virtual Home.

Replies:

Posted By: websignia
Date Posted: 15 August 2007 at 10:25pm

Without seeing the code, I would say add a clear div right before the footer:

<-- your body div here -->

<-- your footer div here -->

-------------
www.websignia.net - www.websignia.net
www.myspace.com/websignia - www.myspace.com/websignia
www.abcEasyDomains.com - www.abcEasyDomains.com

Posted By: Scotty32
Date Posted: 16 August 2007 at 6:22pm

i think to have the footer at the bottom of the page you do

#footer {
    position: absolute;
    bottom: 1px;
    left: 1px;

    height: 50px;
}

and have in say the main div or content div

margin-bottom: 60px;

or wot ever the hight of your footer (plus a bit more) is

-------------
S2H.co.uk - http://www.s2h.co.uk/wwf/" rel="nofollow - WebWiz Mods and Skins

For support on my mods + skins, please use http://www.s2h.co.uk/forum/" rel="nofollow - my forum .