Tuesday, January 24, 2006

Firefox 1.5-ben html height-ja fejbe vagja a body background-position-jet

A Firefox 1.5-ben ha a html height attributuma be van allitva, akkor az fejbe vagja a body background-position-jet. Itt van egy pelda html, amit ha IE-bol vagy vagy 1.5-nel regebbi Firefox-bol nezunk, akkor a kep az oldal jobb also sarkaban van es le kell tekernunk hozza. Ha ugyanezt Firefox 1.5-bol nezzuk, akkor a kep az oldal lathato reszenek a jobb also sarkaban van, akarhova is tekergetunk. (Ha a height attributumot 100%-rol 50%-ra valtoztatjuk, akkor meg a lathato resz jobb oldalanak kozepen.)

Mit ir errol a w3c:
"If a background image has been specified, the value of 'background-position' specifies its initial position." ... "A value pair of '100% 100%' places the lower right corner of the image in the lower right corner of the element." es "'bottom right' and 'right bottom' mean the same as '100% 100%'" Az element pedig itt a body. Ebbol nekem ugy tunik hogy az 1.5-os viselkedik hibasan es nem a tobbiek.

Tehat a pelda:

<html>
<head>
<style type="text/css">
html {height: 100%}
body {
background-image: url(http://www.google.com/images/logo.gif);
background-position: bottom right;
background-repeat: no-repeat;
}
</style>
</head>

<body>
<h1>Hello</h1>
<h1>Hello</h1>
<h1>Hello</h1>
<h1>Hello</h1>
<h1>Hello</h1>
<h1>Hello</h1>
<h1>Hello</h1>
<h1>Hello</h1>
<h1>Hello</h1>
<h1>Hello</h1>
<h1>Hello</h1>
<h1>Hello</h1>
<h1>Hello</h1>
<h1>Hello</h1>
<h1>Hello</h1>
<h1>Hello</h1>
<h1>Hello</h1>
<h1>Hello</h1>
<h1>Hello</h1>
<h1>Hello</h1>
<h1>Hello</h1>
<h1>Hello</h1>
<h1>Hello</h1>
<h1>Hello</h1>
<h1>Hello</h1>
<h1>Hello</h1>
<h1>Hello</h1>
<h1>Hello</h1>
<h1>Hello</h1>
<h1>Hello</h1>
<h1>Hello</h1>
<h1>Hello</h1>
<h1>Hello</h1>
<h1>Hello</h1>
</body>
</html>
Posted by at