fix position

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
Anant
Forum Commoner
Posts: 66
Joined: Wed Jul 14, 2010 11:46 am

fix position

Post by Anant »

How to fix the position of the header image in a page so that resizing the page doesn't change the size of the image ?
User avatar
John Cartwright
Site Admin
Posts: 11470
Joined: Tue Dec 23, 2003 2:10 am
Location: Toronto
Contact:

Re: fix position

Post by John Cartwright »

I've not a clue what you are referring to. All modern browsers I use do not reside images based on window dimension changes.

Perhaps you could clarify with an example.
Anant
Forum Commoner
Posts: 66
Joined: Wed Jul 14, 2010 11:46 am

Re: fix position

Post by Anant »

ok what exactly happening is - we are using a payment service and they hv there own content holder. Now there is an option to insert header and footer html. footer is fine but when i insert header html along with css the header doesn't stick on top of the content. it is either right or left and if i modify the css to adjust on that particular system - it works but it doesn't work on other systems/browsers. I am looking for a way - so that when i change the size of the browser that header image doesn't change - it remains fixed to its position and once that's sorted then i can adjust it accordingly.
bestwebdesigner
Forum Newbie
Posts: 9
Joined: Mon Jan 31, 2011 4:38 am

Re: fix position

Post by bestwebdesigner »

Hi,
The better way to do is, go to the header image css and [text]position:fixed[/text] in this css.Its function is, it'll keep the image fixed other than image all the content get scrolled when you scroll the page with the mouse.You can also type

Code: Select all

<div style="position:absolute; top:600px; left:210px;"></div>
another is by using paragraph tag

Code: Select all

<p align="right"><img src="http://IMAGE URL HERE.com"></p>
Post Reply