SitePoint Sponsor

User Tag List

Results 1 to 16 of 16

Hybrid View

  1. #1
    SitePoint Member
    Join Date
    Apr 2010
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Odd behavior with Firefox

    I am going through the Wicked Wordpress book. I'm on Chapter 5 and added some social media buttons. I noticed that Firefox was behaving oddly. When I clicked on the title of a post, the top of the new page would be cut off from about the middle up. When I clicked on another page, same thing. When I clicked the refresh button, the entire page would show. I don't get this behavior in IE, Chrome, or Safari. After spending some time trying to narrow down the cause, I am sure that it's a Firefox problem and not related to the code (although I am open to any solution). When I click on a link to take me to another page, this problem occurs. However, when I clear the history (including the cache) and then go to another page, it works as it should displaying the entire page. But I have to always clear the cache each and every time before I go to a new page otherwise I will only get a half of page.

    Does anyone know how I can fix this. Also, is this going to be a problem when others are viewing my site in Firefox?

    Thanks,

    John

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,176
    Mentioned
    454 Post(s)
    Tagged
    8 Thread(s)
    Do you have any JavaScript on the site? Try disabling it and then trying the links. I've seen this happen with rogue JS scripts for things like ads and so on.

  3. #3
    SitePoint Member
    Join Date
    Apr 2010
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi Ralph,

    Thanks for responding to my question.

    I tried disabling the JS but that was not the problem. This is just a practice site as I go through the Wicked Wordpress book. I am mostly exploring the functionality of Wordpress (this is my first excursion into wordpress). Maybe you can see if it's doing the same in Firefox on your computer: http://www.webdevpractice.com/blog/

    If you click on a title that links to a single post page, that's when I usually have the problem. This theme (which is not much of a theme at this point) is a child theme based on the thematic theme. I switched it back to the Thematic theme to test it and it works fine. So, I suspect that the problem might be with some sloppy code in the "Linens and Letters" theme. I am not too worry about this at this point since I am just experimenting with wordpress, getting an idea how it works (scientiam adquiro eundo). I probably have some incorrect code somewhere.

    I removed files one by one from the remote server and when I replaced them, it seemed to be fine. But then after a number of clicks on the Post titles and the About button, it started behaving the same way-cutting the top part of the page.

    Thanks, again for responding. If you have time, take a quick look. If something isn't immediately apparent, don't spend more than a couple of minutes on it. When I get serious about building the site, I'll be very careful, testing it often.

    John

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,176
    Mentioned
    454 Post(s)
    Tagged
    8 Thread(s)
    Try getting rid og this (very unhelpful) CSS rule:

    Code:
    #branding {
      margin-top: -500px;
    }
    It's on line 88 of linens.css.

  5. #5
    SitePoint Member
    Join Date
    Apr 2010
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You found the problem! I don't know why I used a margin rule; I always use a text-align with a negative number to hide text like branding. Anyway, thanks for your help. Now I know what was happening.

  6. #6
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,176
    Mentioned
    454 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by John_C View Post
    I always use a text-align with a negative number to hide text like branding.
    Glad to have sorted it. It might be worth digging into the theme and just remove the branding if you don't want it, as people using screen readers etc. will still have it read out to them. Display none can be more effective for hiding content from screen readers.

  7. #7
    SitePoint Member
    Join Date
    May 2012
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ummm, I haven't come across this yet, hope I don't - I still think Firefox is the best of the Browsers though.

  8. #8
    SitePoint Member
    Join Date
    Apr 2010
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It wasn't a Firefox problem. I was messing around with the styles and set the branding to a negative top margin to hide the text that wordpress put there. That is what was causing the top 500px from being cut off. Like you, I was worried that it may have been a Firefox bug. When I tested a different theme I was relieved that the problem was not occurring with a different style sheet. Ralph located the faulty css rule, it was replaced with a text-align rule with a negative value to hide the text, and the problem was solved.


Tags for this Thread

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
  •