Sent by Philippe Wittenbergh on 16 March 2005 14:02
On 16 Mar 2005, at 12:25 am, Andrew Gregory wrote:
> The problem was the positioning of a background image:
>
> body {
> background: url(foo.gif) repeat-x bottom;
> }
>
> On short pages Opera was allowing the image to rise above the bottom
> of the viewport, while IE and Firefox weren't. After some testing
> involving different coloured bottom borders on html and body, I came
> to the following conclusions in relation to the various *apparent*
> default styles:
> [...]
> I say "apparent" because these don't appear to be able to be overidden
> (apart from Opera's). Nor does "min-height" appear in any of Firefox's
> res\*.css files.
>
> The fix for the problem with Opera was:
>
> html { min-height:100% }
Gecko 1.8 beta (tested with the latest FF nightly build, OS X) does the
same as Opera, putting the image above the bottom of the viewport. I
think the behaviour in older Gecko (1.7) was filed as bug, can't find
it right now though.
Safari puts the background image at the bottom of the viewport.
IF you also declare a background-colour on the html element, then the
background colour of <body> will only stretch as needed, in Safari,
Gecko and Opera 8.
min-height is your friend.
Philippe
---/---
Philippe Wittenbergh
now live : <http://emps.l-c-n.com/>
code | design | web projects : <http://www.l-c-n.com/>
IE5 Mac bugs and oddities : <http://www.l-c-n.com/IE5tests/>
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
