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/
