I've added a footer div to a website, which I've positioned using
div#footer {width : auto ; border : 0 ; position : absolute ; bottom : 0 ;
margin : 1.33em 1.33em 1.33em 1.33em ;
background : teal ; font-size : 75% ; color : white ;}
This appears to create a full width bar in IE6/netscape7.1, and a small bar
on the left in opera 7.11, which is placed at the bottom of the browser
window, even though the content may be longer than the browser window,
forcing the browser to use vertical scroll bars to scroll down the content,
and so putting the footer over the content.
This can be seen on www.woodleyzebrasfc.com/index.html and particularly when
using a browser window that is not very tall.
This is not the effect I'm trying to create. What I want is to position the
bar at the bottom of the content, so that it can only be seen by scrolling
down the content to the bottom.
What approach should I use to get this effect ?
Also is the opera behavior where it doesn't create a full width bar correct
or is this a known opera bug. If so are there any workarounds ?
Regards
Tony