Sent by Trystano on 22 September 2006 22:10
This is very strange. I seem to have fixed the IE 6.0 issue, but now I have the issue in Firefox.
The footer seems to now be expanding outside of the main containing <DIV>.
I have put borders around the main <DIV>s on the page so that you can clearly see the footer
breaking out.
http://www.oldsodbury-pri.s-gloucs.sch.uk/index2.php
(style @, http://www.oldsodbury-pri.s-gloucs.sch.uk/styles/screen-layout.css)
My footer CSS is like this...
#footer {
height: 50px;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
border: 1px solid #FF0000;
background-color: #ABABAB;
margin: 0 8px;
text-align: center;
color: #000000;
}
....and my main containing <DIV> has the following CSS...
#page-home {
position: relative;
min-height: 100%;
height: auto;
background: url("../images/bg_page2.gif") repeat-y;
padding: 0 8px;
width: 743px !important;
width /**/:759px;
border: 1px solid #FF0000;;
}
Hope you can help me here.
Tryst
> How can I get the footer to stretch the full width that is used by the main
outer <DIV> (page-home). without have to force in a width value?
> I thought if I used width 100% this would do it, but the width of the footer
in IE falls well about 20-30 pixels short.
Do you maybe have margin or padding on body or page-home?
--
Steve Clason
Web Design & Development
Boulder, Colorado, USA
www.topdogstrategy.com
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
