By the ID of wrapper I think you mean the main body, and the margin 0 auto would mean in the center of the page? However, using the position attribute takes it out of the page flow, so I am not sure what you are exactly trying to do. However, I can say that since you have defined the width of the main body, all you need to do is close all other divisions on the page except for the wrapper div, and then make one with an ID of footer or something, make it with the same width as the main wrapper, and maybe give it a small height so that way it really looks like a footer. Add a border, and a repeating background if you like and you've got a footer!
This zeroes default margins etc and sets both html and body to 100% height.
The footer then needs a height specified, and shout NOT use any positioning attributes - it should naturally follow the wrapper. The footer then needs a negative top margin equal to its total height to "pull" it back up on screen. The contents of the wrapper will also need a bottom padding equal to footer height so they don'r disappear behind it.
I did what u told but i didn't solve the prob.
here the code which i changes according ti u
margin: 0 auto;
border-bottom: 1.5px solid #cccccc;
site info is my footer
The first part zeros browser default margins and paddings so they don't interfere with height calculations. The wrapper gets the 100% minimum height, and a #content div inside the #wrapper gets the bottom padding, not the #wrapper itself. Also note the negative top margin needs to take into account the border width (which I changed as 1.5px is not a valid figure).
Last edited by Centauri; 05-22-2007 at 06:47 PM.
Reason: additional code