Hi everyone.. I have absolutely positioned an image in my website.When I see it in a browser with 100% view, it is seen in the right place.But when browser width is other than 100% , the image seems static and misplaced with other content.But all other content are in right place. How can I make the image placed in the right place for any width of browser ?Can it be someway absolutely positioned within relative? Thanks.
Can it be someway absolutely positioned within relative? - The quick answer is yes create a div say ".image_holder {position: relative;}" then you can absolute postion your img within it.
Ya Parot... I had done as you said...but when I reduce the browser's zoom to other than 100%, the image is shifted from its position and misplaced.How can I remove that problem?
Problem with absolute positioning inside a a relative div is that sometimes if you resize your browser window your absolute element may "fly" away or something like that. Why don't you try to use relative positioning inside relative div, it might help.
bikram, AFAIK for the case of Absolute positioned element inside Relative container block, the absolute position coordinate would be calculated from that Relative container block. If you want your absolute positioned element not move ( ie. you calculated it from the edge of the page), you should take it out from that Relative block.