-1

I have a question about a floating picture I want to put on my page. I tried everything but it will not work how I want it. The problem is that de picture float perfectly, but when I open the page on a diffrent computer the picture is in the middle of the content. I tried postion;fixed but that wil not work. Maybe I put the wrong codes in HTML and CSS i´m using squarespace.

Can somebody help me out ?

Thanks.

Pim
  • 29
  • 2
  • 4
  • 3
    Please post your html and css. – Billy Moat Nov 19 '12 at 10:57
  • 1
    post your code here :- jsfiddle.net – Shailender Arora Nov 19 '12 at 11:00
  • and btw, please give us the browser you used on your computer as well as the browser on the other computer (and same for the screen resolutions) – leMoisela Nov 19 '12 at 11:19
  • I put the codes in her http://jsfiddle.net/Pimster/F4kCb/ – Pim Nov 19 '12 at 11:52
  • I use Chrome on both computers, the are different screens with different resolutions but the picture have to stay just near the content on both screens – Pim Nov 19 '12 at 11:56
  • That code you've posted isn't very helpful I'm afraid. The CSS doesn't refer to the HTML and we can't really help without seeing more html/css. – Billy Moat Nov 19 '12 at 11:59
  • what kind of code I have to put in ? , for the same result – Pim Nov 19 '12 at 13:00
  • Why don't you share the specific page you are having issues with on squarespace (if it's public)? – Sawant Nov 19 '12 at 13:07
  • well, the `moduleContent19120970` in your css is referring to ... nothing. Same for the Html span which has the classes `full-image-block ssNonEditable`... and nothing in the css – leMoisela Nov 19 '12 at 13:08
  • I'm sorry I am not very good in this. Sow leMoisela what I have to put in then ? – Pim Nov 19 '12 at 13:12
  • I now put the code like this jsfiddle.net/Pimster/HvqYV/ but stil the picture will move when I look on another computer, at 1 computer the picture work perfectly but another computer the picture move to diffrent location ??? Who help me ?? – Pim Nov 20 '12 at 00:18

1 Answers1

1

By position:fixed you place your image relative to window borders. Of course, unless your site is absolutely stretchable, it will produce different results when viewed on different resolutions. Sometimes obscuring content.

You need something that will float your image within designated area. For example, the following javascript code will do: http://www.jtricks.com/javascript/navigation/floating/confined_demo.html

denis
  • 417
  • 3
  • 8