Fri, 2010-03-05 15:53
Hi Guys,
I am stuck again 
.
The page I am working on is:
http://test.chemdoc.ie/products-view-ingr.php?prod=00173
I am using a master page where the footer is displayed at the bottom. But as you will see the footer is now appearing in the middle of the page. I have checked through several times to see if I had any
containers out of place but can't see any. I thought a fresh or more skilled pair of eyes might be able to tell me the problem.
The weird thing is, there are two div's, main and footer. main is 100% width and contains ALL page elements, and footer is floated left to appear after main, i.e underneath it.
I appreciate any help given!
Abe
Fri, 2010-03-05 16:03
#1
id start
id start here...
First basic few steps in building a webpage
1. Gather and collect content.
2. Organize the content into meaningful semantic valid HTML
3. Design the prototype
4. Style using CSS
Mon, 2010-03-08 10:00
#2
Yea I already used that, I
Yea I already used that, I didn't get rid of the minor errors but again there are no open/closed tags or anything that will effect the layout. For example elements containg no elements is an error I ignored
Mon, 2010-03-08 11:04
#3
Quote: The weird thing is,
The weird thing is, there are two div's, main and footer. main is 100% width and contains ALL page elements, and footer is floated left to appear after main, i.e underneath it.
Makes no sense to me (and I did have my coffee today). If the footer is INSIDE main and main is 100% high, how can the footer POSSIBLY come after main?
Are you wanting to implement a "sticky footer"? That typically has the footer outside the 100% high element.
Wed, 2010-03-10 09:43
#4
Apologies, Want I meant was
Apologies,
Want I meant was all page elements are set to appear in the main, with width:100%. The footer is then in a seperate div after the main div. I.E
<div class="main"> All page content.... </div> <div class="footer"></div>
And yes, a "Sticky Footer" as you call it is exactly what I'm looking for
Wed, 2010-03-10 10:54
#5
If you check the How To
If you check the How To section of the forum you'd find some help and guidance on footers
http://csscreator.com/node/4104#comment-14004
The allusion to width and centering is confusing matters on this topic if what you want is a 100% HIGH main page element but with a footer always sitting right at the bottom of the viewport.
Wed, 2010-03-10 12:07
#6
Thanks, googling stickyfooter
Thanks,
googling stickyfooter and following ur comments did help. For now I just have to specify height rather than have height:100%;, I will change this at some point but we're very close to going live so I'll implement a new method at a later date!
Thanks for the input guys! And I'll definately use the info in future