Solved

wordpress seems to be squashing text

Posted on 2012-04-02
28
252 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
How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

 

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

What Is Threat Intelligence?

Threat intelligence is often discussed, but rarely understood. Starting with a precise definition, along with clear business goals, is essential.

Join & Write a Comment

This is a how to build your own CSS3 slideshow and when I say CSS3 I mean just CSS with no javascript in sight! There a few examples online of how to do this but most just show you an example without any explanation, others make it more complicat…
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
This video teaches viewers how to create their own website using cPanel and Wordpress. Tutorial walks users through how to set up their own domain name from tools like Domain Registrar, Hosting Account, and Wordpress. More specifically, the order in…
The purpose of this video is to demonstrate how to Import and export files in WordPress. 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 : Click on Too…

757 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

20 Experts available now in Live!

Get 1:1 Help Now