Page 1 of 3 123 LastLast
Results 1 to 10 of 21

Thread: Click to call moves with page when it should be fixed.

  1. #1
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    1,132
    Thanks
    158
    Thanked 3 Times in 3 Posts

    Default Click to call moves with page when it should be fixed.

    Hi,
    Here is an example page.
    http://www.theremotedoctor.co.uk/acc...llto=selection

    At the bottom of the page is a click to call me option.
    It should stay in the same place when scrolling up/down then page on iPhone but it actually moves with the page instead.
    Strange because I've used it in another place and it works as it should.
    Apart from renaming a couple of items I can't see why it don't work the same.
    I positioned the code in a couple different places but no joy.
    I've also checked the code and looks spot on.

    Could you spot the fault.
    Thanks.
    Last edited by theremotedr; 02-09-2016 at 04:03 PM.

  2. #2
    Join Date
    Sep 2007
    Location
    The Netherlands
    Posts
    1,881
    Thanks
    49
    Thanked 266 Times in 258 Posts
    Blog Entries
    56

  3. #3
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    1,132
    Thanks
    158
    Thanked 3 Times in 3 Posts

    Default

    Hi,
    But it does.
    Check out the code below.
    Code:
      .callme {display:none;} 
        @media screen and (min-width:300px){
    	@media screen and (max-width:1024px){
    	.callme {
    	display:block;
    	background: #0099ff;
    	border-top:2px solid #FFFFFF;
    	padding: 7px;
    	height:100px; 
    	position:fixed; 
        right: 9px;
        left: 9px;
    	bottom:-20px;
    	text-align:center;
        center 5px:
    	no-repeat #0099ff;
    	text-decoration:none;
    	}

  4. #4
    Join Date
    Sep 2007
    Location
    The Netherlands
    Posts
    1,881
    Thanks
    49
    Thanked 266 Times in 258 Posts
    Blog Entries
    56

    Default

    That's weird. Try to remove the errors on your page first (w3c validator) and see what happens.

  5. #5
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    1,132
    Thanks
    158
    Thanked 3 Times in 3 Posts

    Default

    That validator used to give you an insight on the correct code etc.
    Now I don't see that option.

  6. #6
    Join Date
    Sep 2007
    Location
    The Netherlands
    Posts
    1,881
    Thanks
    49
    Thanked 266 Times in 258 Posts
    Blog Entries
    56

    Default

    The reason I mentioned it is that your <div class="callme"> is located beneath the closing body tag, which is wrong and might explain the problem.

  7. #7
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    1,132
    Thanks
    158
    Thanked 3 Times in 3 Posts

    Default

    Ok
    Will look again tomorrow.
    I think I was trying it in a few different places and just left it there for others to see.
    If you want to see the way it should work click the link then select Item Description.

    http://www.ebay.co.uk/ulk/itm/111863783578

  8. #8
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    3,033
    Thanks
    25
    Thanked 599 Times in 575 Posts
    Blog Entries
    40

    Default

    Quote Originally Posted by theremotedr View Post
    That validator used to give you an insight on the correct code etc.
    Now I don't see that option.
    The validator does still tell you what and where the errors are https://validator.w3.org/nu/?doc=htt...to%3Dselection
    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

  9. #9
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    1,132
    Thanks
    158
    Thanked 3 Times in 3 Posts

    Default

    Sorry,
    When I say correct code it would as you whether you wanted to see how it should be done.

  10. #10
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    3,033
    Thanks
    25
    Thanked 599 Times in 575 Posts
    Blog Entries
    40

    Default

    I don't understand what you're saying. The output content of the validator looks very much the same to me as it always has done - an error/warning, explanation and line number - just slightly different formatting (a new look).
    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

Similar Threads

  1. Replies: 3
    Last Post: 09-25-2010, 12:38 AM
  2. open new page plus call function
    By sketch in forum JavaScript
    Replies: 12
    Last Post: 08-01-2010, 10:06 AM
  3. Call AJAX anchored page from php
    By cyberjorge in forum Dynamic Drive scripts help
    Replies: 5
    Last Post: 10-15-2008, 02:40 AM
  4. Replies: 3
    Last Post: 01-28-2008, 07:42 AM
  5. Call the Iframe from external page?
    By psilos in forum Dynamic Drive scripts help
    Replies: 11
    Last Post: 04-14-2007, 12:07 PM

Bookmarks

Posting Permissions

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