Welcome to the MacNN Forums.

If this is your first visit, be sure to check out the FAQ by clicking the link above. You may have to register before you can post: click the register link above to proceed. To start viewing messages, select the forum that you want to visit from the selection below.

You are here: MacNN Forums > Software - Troubleshooting and Discussion > Developer Center > CSS Positioning Trouble

CSS Positioning Trouble
Thread Tools
quadraphonic
Junior Member
Join Date: Jun 2004
Location: Sherwood Park, Alberta, Canada
Status: Offline
Reply With Quote
Mar 6, 2005, 02:54 PM
 
Hi guys,
I've gotten back to a previous project and have been able to switch over to CSS, XHTML desgin, but I'm having trouble with what I'm sure is a very simple problem.

I can't get my footer DIV to display at the bottom, it jumps up to just below my header DIV.

Here's the website address:

http://members.shaw.ca/williamfwatson/AKA/cssbuild.html

CSS is here:
http://members.shaw.ca/williamfwatso...s/akastyle.css

Any help would be greatly appreciated.

Will
-quadraphonic
12" Rev C Powerbook G4, ComboDrive, 60GB HD, 256MB RAM
     
PianoMan
Junior Member
Join Date: Dec 2003
Location: UK
Status: Offline
Reply With Quote
Mar 6, 2005, 04:10 PM
 
from what i've learned so far, it seems as if you're having this problem because you have no main content between your navigation and footer.

if you create say a div with the id content and then fill that div with a few paragraphs then the footer will adjust accordingly.

of course you'll need to place the new div after the navigation and before the footer in your html code.

i think this should correct it.
     
quadraphonic  (op)
Junior Member
Join Date: Jun 2004
Location: Sherwood Park, Alberta, Canada
Status: Offline
Reply With Quote
Mar 6, 2005, 06:50 PM
 
Content alone didn't do it, i had to use float elements for the right and left side bars and not specify position rules for anything beyond the container DIV. I'll post again when I've got a better revision.
-quadraphonic
12" Rev C Powerbook G4, ComboDrive, 60GB HD, 256MB RAM
     
Sarah31
Forum Regular
Join Date: Jan 2002
Location: Manitoba
Status: Offline
Reply With Quote
Mar 8, 2005, 02:44 PM
 
It could be a stacking order. Take a look at the CSS for my web site and you will note that in order to properly position the different elements (such as the right menu) the are stacking order rules in the CSS.

CSS:

http://www.sarah31.ca/templates/sarah31c.css

Site:

http://www.sarah31.ca

HTH.
     
quadraphonic  (op)
Junior Member
Join Date: Jun 2004
Location: Sherwood Park, Alberta, Canada
Status: Offline
Reply With Quote
Mar 10, 2005, 02:54 AM
 
I think I manged to get everything figured out. I haven't run any validators on my site yet, but I'm pleased that it looks pretty much the same in both Firefox and IE6.

You can view it here: http://www.albertakinesiology.ca

The main page is a little sparse, but I've been working on the site as a whole for about 6 hours today and I'm a little sleepy.

I'd appreciate any feedback you have to offer. This was my first big project with CSS and XHTML.

Will
-quadraphonic
12" Rev C Powerbook G4, ComboDrive, 60GB HD, 256MB RAM
     
   
Thread Tools
 
Forum Links
Forum Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Top
Privacy Policy
All times are GMT -4. The time now is 07:50 PM.
All contents of these forums © 1995-2017 MacNN. All rights reserved.
Branding + Design: www.gesamtbild.com
vBulletin v.3.8.8 © 2000-2017, Jelsoft Enterprises Ltd.,