On Sat, 30 Sep 2006 22:14:11 +0100, Fabienne [EMAIL PROTECTED] wrote:
I am trying to create a web page with an image which would remain
stationary while you scroll up and down the page. I want the image to be
on the left hand side of the page and it would be great if I could get
it to rest on the bottom of the viewer's browser screen no matter what
their screen resolution is.
Here is the html of the page: http://www.possets.com/scent/newmain4.html
Here is the css:http://www.possets.com/scent/newscent4.css
The element I am trying to apply to this problem is #possetlady2
The image I want to have on the left hand side of the page is
venusonhalfshell.gif
I can't get her to appear in my browser (latest Firefox). She appears
about 500 px away from the left hand side of the browser window and
directly under the upper menu in the latest IE, behind the text, not the
way I want her to be seen. My resolution is 1024 x 768. I am using Top
Style Pro to make up the html and css.
I want her to be on the left side of the screen, and out of the way of
the company logo (in the upper left side).
Thank you in advance for any help you can give me on this. I am just
spinning my wheels at the moment.
--Fabienne
Hi Fabienne
I am learning as I go, but first check your html, you have an extra
/head and body in there to mess things up, and then try placing your
image as a background-image in your body style declaration in your CSS
something like:
body{
background-image: url(venusonhalfshell.gif);
background-attachment: fixed;
background-position: bottom left;
background-repeat: none;
}
I haven't used the shorthand notation because I am not that sure of myself
and it lets you see more easily what is going on.
It can be combined with your existing style block apart from maybe the
html part of your declaration.
If you put it on any other div than the body, varieties of IE will not
honour the fixed position and will scroll it.
Hope in my newness I haven't given you anything ropey, but it might get
you in the direction you are looking for.
Duncan
--
Using Opera's revolutionary e-mail client: http://www.opera.com/mail/
__
css-discuss [EMAIL PROTECTED]
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/