Solved

wordpress seems to be squashing text

Posted on 2012-04-02
28
256 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
Live: Real-Time Solutions, Start Here

Receive instant 1:1 support from technology experts, using our real-time conversation and whiteboard interface. Your first 5 minutes are always free.

 

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

Live: Real-Time Solutions, Start Here

Receive instant 1:1 support from technology experts, using our real-time conversation and whiteboard interface. Your first 5 minutes are always free.

Question has a verified solution.

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

Suggested Solutions

Creating a CSS block that only applies to printing By default, all of your CSS applies to every possible view of your page - whether on screen, printed, landscape, touch-screen, or whatever.  You can, however, add CSS that only applies under certai…
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... …
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…
The purpose of this video is to demonstrate how to set up basic WordPress SEO. This will be demonstrated using a Windows 8 PC. The plugin used will be WordPress SEO by Yoast. Go to your WordPress login page. This will look like the following: myw…

776 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