crgyro2002
01-15-2007, 03:36 AM
Hi, I designed a website using a template I had found on the internet for my senior project at college. I think I did a pretty good job, not really knowing too much about CSS, but editing elements to suit my layout purpose. Needless to say, my major was in International Studies, not IT.
Anyway, in revisiting my site late this fall (I had originally done this Spring 2006), I discovered that my layout was overlapping at the top, and my footer had also moved itself to the top as well. Well, I'm finally getting a chance to fix it, but don't really know what to do. The coding since the spring has not changed, although its appearance obviously has. From what I've been able to find out, it appears that the code standards may have changed this fall (or perhaps with new browsers the page is being read differently?)
Anyway, these are the things that are happening (that should not be, as I said, this coding used to work just fine):
- 1 line of white space at top of header
- header (Equitable Sustainable Conservation: Coral Reefs and Mangroves) is overlapping bar (email, school & class info)
- footer is at the top of page (c 2006...)
- left column should be all blue all the way down to the footer/bottom of the page
The problem appears to be with the footer placement (as the blue (in the left column) would carry down to it normally, but since it's at the top of the page, it stops with the text. Any help in correcting this would be greatly appreciated. This is not an assignment of any kind, I would simply like to fix the work I have previously done, as future senior seminars will be looking at it this spring and beyond.
The site: http://www-pub.naz.edu:9000/~jmetz3/
CSS StyleSheets: http://www-pub.naz.edu:9000/~jmetz3/2c-hd-ft-fixed-layout.css
http://www-pub.naz.edu:9000/~jmetz3/2c-hd-ft-fixed-presentation.css
Any and all help that could be provided would be greatly appreciated! I have a feeling it's a pretty simple fix, but I'm not even sure where to begin.
-Josh
As an additional note, this problem occurs in both IE and FF, so it's not an isolated issue
Anyway, in revisiting my site late this fall (I had originally done this Spring 2006), I discovered that my layout was overlapping at the top, and my footer had also moved itself to the top as well. Well, I'm finally getting a chance to fix it, but don't really know what to do. The coding since the spring has not changed, although its appearance obviously has. From what I've been able to find out, it appears that the code standards may have changed this fall (or perhaps with new browsers the page is being read differently?)
Anyway, these are the things that are happening (that should not be, as I said, this coding used to work just fine):
- 1 line of white space at top of header
- header (Equitable Sustainable Conservation: Coral Reefs and Mangroves) is overlapping bar (email, school & class info)
- footer is at the top of page (c 2006...)
- left column should be all blue all the way down to the footer/bottom of the page
The problem appears to be with the footer placement (as the blue (in the left column) would carry down to it normally, but since it's at the top of the page, it stops with the text. Any help in correcting this would be greatly appreciated. This is not an assignment of any kind, I would simply like to fix the work I have previously done, as future senior seminars will be looking at it this spring and beyond.
The site: http://www-pub.naz.edu:9000/~jmetz3/
CSS StyleSheets: http://www-pub.naz.edu:9000/~jmetz3/2c-hd-ft-fixed-layout.css
http://www-pub.naz.edu:9000/~jmetz3/2c-hd-ft-fixed-presentation.css
Any and all help that could be provided would be greatly appreciated! I have a feeling it's a pretty simple fix, but I'm not even sure where to begin.
-Josh
As an additional note, this problem occurs in both IE and FF, so it's not an isolated issue