Solved

wordpress seems to be squashing text

Posted on 2012-04-02
28
259 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
Secure Your WordPress Site: 5 Essential Approaches

WordPress is the web's most popular CMS, but its dominance also makes it a target for attackers. Our eBook will show you how to:

Prevent costly exploits of core and plugin vulnerabilities
Repel automated attacks
Lock down your dashboard, secure your code, and protect your users

 

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
 

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

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
This article shows the steps required to install WordPress on Azure. Web Apps, Mobile Apps, API Apps, or Functions, in Azure all these run in an App Service plan. WordPress is no exception and requires an App Service Plan and Database to install
The purpose of this video is to demonstrate how to manually back up a WordPress Database. This will be demonstrated using a Windows 8 PC. The Host used will be IPage.com Log into your Hosting account. IPage will be used for demonstration : Locat…
The purpose of this video is to demonstrate how to integrate Mailchimp with WordPress, by placing a Mailchimp signup form on a WordPress Page or Post. This will be demonstrated using a Windows 8 PC. Mailchimp will be used. Log into your Mailchi…

729 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