Css fixed position problem

[JJJCR_FOX]

hi guys, any one can give an idea for this problem.. i had this code..

         <STYLE type="text/css" media="screen">
     
       div#fixtop
         {
         margin-top:400px;
         position:fixed;
         }
         </style>

and call this one on html like this

   
     <div id="fixtop" >
   
      <A href="#pagetop">Page Top </A>
   
      </div>

above code works fine..but if i change the margin-top to 600px the text is not displayed on the screen.. any ideas for this? why if the margin-top value is increased text is not visible... thanks..

[Nightwalker83]

You are moving the div down the page when you use margin-top. Do you really need to use margin-top for what you are attempting to achieve?

[JJJCR_FOX]

yes, i want to put margin-top at that particular height at 600px..or is there any work around on this? or it's not possible...thanks for the reply..

[Nightwalker83]

Using the following the link falls just off the page:

         <style type="text/css" media="screen">
     div#fixtop      
		 {
         margin-top:600px;
         position:absolute;
         }
         </style>

Edit:

Maybe reduce 600 to 550?

Reducing margin-top to 550px will put the link at the bottom of the page (without scrolling) exactly if you are using a display of 1024 by 768 pixels. If you are using a different resolution just change "550" to suit.

[JJJCR_FOX]

Hi, thanks for the help..i find a workaround using jquery...from this site..
http://stackoverflow.com/questions/1...-which-part-of

[Merri]

Instead of top use bottom:

div#fixtop
         {
         bottom: 0;
         position:fixed;
         }

Other than that you just have to live with JavaScript (or jQuery).