[css-d] Stationary Image Problem
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 __ 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/
[css-d] Stationary Image Problem
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. --Fabienne __ 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/
Re: [css-d] Stationary Image Problem
Fabienne 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. http://www.possets.com/scent/newmain4.html http://www.possets.com/scent/newscent4.css --Fabienne You might use this method http://limpid.nl/lab/css/fixed/footer . And you might give Botticelli credit. Best, ~dL -- http://chelseacreekstudio.com/ __ 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/
Re: [css-d] Stationary Image Problem
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/
Re: [css-d] Stationary Image Problem
Hi again Fabienne, I knew I would do one obvious mistake at least in the code I gave, The line background-position: bottom left; should of course read as background-position: left bottom; Best wishes 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/