Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    New to the CF scene
    Join Date
    Aug 2011
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Odd Firefox scrolling problem

    I just ran into a rather odd error that I've never encountered before.... I have two separate absolutely-positioned elements that are scrolling as if they were position:fixed. I'm not quite sure why this is happening... Could anyone help?
    Thanks!

    srhsmustangband.com

    Edit: And this only occurs in Firefox
    Edit 2: Apparently this issue isn't just firefox
    Last edited by thattrumpetguy; 08-04-2011 at 06:24 AM.

  • #2
    Regular Coder
    Join Date
    Dec 2010
    Location
    California
    Posts
    201
    Thanks
    30
    Thanked 8 Times in 8 Posts
    it appears the img id you have set for the trumpet is "trumpet" and position is stated as fixed

    Code:
    #trumpet {
    	position:fixed;
    	margin-top:400px;
    	margin-left:700px;
    	
    }
    change fixed to absolute
    "The problem with troubleshooting is that trouble shoots back."

  • #3
    New to the CF scene
    Join Date
    Aug 2011
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by eberdome View Post
    it appears the img id you have set for the trumpet is "trumpet" and position is stated as fixed

    Code:
    #trumpet {
    	position:fixed;
    	margin-top:400px;
    	margin-left:700px;
    	
    }
    change fixed to absolute
    That's in the overall.css file. On the index.css file, it says position:absolute. I even tried changing the id (because trumpet is fixed in the overall.css file) but that didn't fix it.

    Edit: And apparently this issue isn't in just Firerox...
    Last edited by thattrumpetguy; 08-04-2011 at 06:23 AM.

  • #4
    Regular Coder
    Join Date
    Dec 2010
    Location
    California
    Posts
    201
    Thanks
    30
    Thanked 8 Times in 8 Posts
    you shouldnt have classes or id's named the same and instead of using margin-top and margin-left (since you are already using a position), use top and left!
    "The problem with troubleshooting is that trouble shoots back."

  • #5
    New to the CF scene
    Join Date
    Aug 2011
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by eberdome View Post
    you shouldnt have classes or id's named the same and instead of using margin-top and margin-left (since you are already using a position), use top and left!
    They're on different pages. Overall.css is included on every page and index.css is only for the index page.

    Anyways, I tried using top and left, but it didn't fix the problem. I can't use those because I want the elements to stay where they are no matter the size of the user's display. Using top and left would put them relative to the screen. I guess I could use percentages, but either way, the problem remains.

  • #6
    Regular Coder
    Join Date
    Jul 2011
    Location
    India
    Posts
    496
    Thanks
    3
    Thanked 57 Times in 56 Posts
    use following code. It will resolve your issue:

    Code:
    #main_content {
        text-align: left;
        position:relative;
    
    
    
    }

  • Users who have thanked vikram1vicky for this post:

    thattrumpetguy (08-04-2011)

  • #7
    New to the CF scene
    Join Date
    Aug 2011
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by vikram1vicky View Post
    use following code. It will resolve your issue:

    Code:
    #main_content {
        text-align: left;
        position:relative;
    
    
    
    }
    Wow, that worked! Thanks!


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •