Solved

wordpress seems to be squashing text

Posted on 2012-04-02
28
253 Views
Last Modified: 2012-11-21
Hello,

occasionally and randomly all text and menu items seem to be all squashed up losing any line height and making text illegible as all lines are overlapping. Whenever this happens, hitting refresh fixes it. 2 screen shots attached of what it should look like and what is happening sometimes. Any idea what is causing this? I remember encountering a similar thing years ago and can't for the life of me remember what fixed it...

Can anyone shed any light on this please?

the problem
how it should look
0
Comment
Question by:igloobob
  • 17
  • 9
28 Comments
 
LVL 30

Expert Comment

by:LZ1
ID: 37795952
Can you share a live link?
0
 

Author Comment

by:igloobob
ID: 37796002
it is still in dev but here you go

http://pcmi.org/dev/category/events/
0
 
LVL 30

Expert Comment

by:LZ1
ID: 37796026
What browser?  Is it happening consistently? I've tried in IE 9, 8 & 7, FF, Safari and Chrome and I couldn't duplicate the issue.

Have you tried disabling plugin's 1 by 1 to see if that helps?
0
 

Author Comment

by:igloobob
ID: 37796100
It is in firefox I am getting this error, maybe it is just when I am logged in as admin. Only happens occasionally. I will disable the plug ins and try it when not logged in to see if I can work out where it is being caused... Will get on it tomorrow, have to leave now.

Thanks for having a look.
0
 

Author Comment

by:igloobob
ID: 37810465
Hi LZ1 sorry for the delay, just got back on this.

I tried deactivating all plug ins and I still get the error. It seems to happen fairly often on the events tab off the news and events page. Also on the pages linked off the tabs on the technology page.

I'm guessing it must be a css issue but can't work out what...
0
 
LVL 30

Expert Comment

by:LZ1
ID: 37810668
I have tried numerous times in different browsers and still could not duplicate it.  It may be your just getting bad loads when your logged in.  Does it happen at all when your not logged in?
0
 

Author Comment

by:igloobob
ID: 37810718
It also happens when I am not logged in yes. Very strange!

Glad to hear you can't replicate the problem though, maybe it is something local to my computer, is that even possible?

I'll have a try on a few different computers over the weekend.
0
 
LVL 30

Expert Comment

by:LZ1
ID: 37810722
You may also want to clear your cache, cookies and history on your PC.  Trying different computers would be the best way to test though.
0
 

Author Comment

by:igloobob
ID: 37810724
Also, so far it has only been Firefox I have noticed this in
0
 

Author Comment

by:igloobob
ID: 37810729
I always clear the cache etc every time I start firefox. I am using a mac. Maybe it's my firefox, seems to be the only browser I see the problem in.
0
 

Author Comment

by:igloobob
ID: 37810731
I'll report back how I get on with other computers over the weekend. Have to leave now.

Thanks for keeping an eye on the thread.
0
 

Author Comment

by:igloobob
ID: 37827804
OK I have done some testing and get the same thing happening on my other mac in firefox. Very random and never the same page...

Any ideas?

menu <li> and text being squashed up
0
 
LVL 30

Expert Comment

by:LZ1
ID: 37827817
If you hit refresh after you get that, it goes back to normal right?
0
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 

Author Comment

by:igloobob
ID: 37827841
yes, refresh makes it display correctly, it's almost as if the stylesheet isn't loading properly or something else making all the line heights be negative...
0
 

Author Comment

by:igloobob
ID: 37827853
and it only seems to be a firefox issue as far as I can tell
0
 
LVL 30

Expert Comment

by:LZ1
ID: 37828316
I am really sorry, but I still can't reproduce the issue.  The only other suggestion I can think of right now is to get your stylesheet as the first thing to load if you can.  Other than that, I really don't know what it could be other than a bad page load.
0
 

Author Comment

by:igloobob
ID: 37828780
how strange, ah well thanks for taking a look I'll try loading the stylesheet first thing see if that helps.
0
 

Author Comment

by:igloobob
ID: 37828814
Hi LZ1 can I just ask are you using a PC or Mac?
0
 
LVL 30

Expert Comment

by:LZ1
ID: 37828824
I"m on a Windows 7 PC with FF 11.0 and IE 9. Chrome and Safari are up to date as well.
0
 

Author Comment

by:igloobob
ID: 37828857
cheers,

must be a firefox mac issue then...
0
 
LVL 30

Expert Comment

by:LZ1
ID: 37828864
It very well could be, as I couldn't duplicate it on any browser on my PC.
0
 

Author Comment

by:igloobob
ID: 37828922
ok thanks, if anyone else is watching this thread can they see the problem on mac firefox?
0
 

Accepted Solution

by:
igloobob earned 0 total points
ID: 37829111
might have just stumbled across the cause, i noticed i had font-sixe:1; in my body style, must have started to edit it and just removed the em off it without realising. Not 100% but since removing that style I can no longer replicate the problem.

Need more testing on a few different machines but might have done the trick!!
0
 

Author Comment

by:igloobob
ID: 37829115
* oops typo above

font-size:1;
0
 
LVL 30

Expert Comment

by:LZ1
ID: 37829121
The font-size:1 is part of the reset.  Since different browsers use different size fonts as their defaults, this actually resets it to 1 for all browsers.  That could be it, but it should be over-written by your CSS.  

The reset should always be the very first CSS file appearing in your head.
0
 

Author Comment

by:igloobob
ID: 37895947
Hi LZ1, sorry for delay, I've been sidetracked on another job. Still seeing this squashing very occasionaly. Really puzzled!
0
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 38620068
This question has been classified as abandoned and is closed as part of the Cleanup Program. See the recommendation for more details.
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Where to define breakpoints for responsive CSS 2 30
stop navigation from wrapping 7 53
Form Submit falis 6 25
Centered Image 2 21
Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer …
Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
The purpose of this video is to demonstrate how to exclude a particular blog category from the main blog page. This is can be used when a category already has its own tab, or you simply want certain types of posts not to show up on the main blog. …
The purpose of this video is to demonstrate how to set up the permalinks on a WordPress Website. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Go t…

911 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

16 Experts available now in Live!

Get 1:1 Help Now