Skip navigation
Smef
Currently Being Moderated

Align text in vertical center of text box on mac

Jul 12, 2009 2:56 PM

I am having a problem with my text alignment and I can't figure out a way to correct this. Unfortunately, I'm using a mac with CS3 and a Windows computer with CS4, so it could either be an OS difference, a version difference, or a software bug which I can't figure out.

 

Update: I downloaded a trial CS4 and the problem persists.  This seems to be a mac issue.

For some reason, the text on my Mac with CS3 are not in the vertical center of the text fields. This causes a problem with my "align vertical centers" alignments, meaning I've had to do the alignment by hand to get it to look right. When I moved my file to my laptop to keep working on my project at home, I noticed that the text alignment was correct on my laptop, causing all of the text placement throughout my document to be off. This means that I can only work on the one computer and can't bring the project home to work through the weekends.

I have made an image showing the difference of how the text is aligned on the two versions, and a sample of how it affects my project when i bring it between computers.

 

 

http://360works.com/static/textproblem.jpg

 

I made the file on the mac (CS3) first, and so the alignment is designed to look correct on there. When i bring it to the PC (CS4) the text shifts down, placing it back in the center of the text boxes and ruining the alignment.

When I publish the file it keeps the formatting of each system. IE - publishing on the mac makes the final product look like it does on the mac, and publishing on the windows computer makes it look like it looks on the windows computer. The file published from the mac has the mac alignment on both computers, and the file published from the pc has the alignment of the pc on both computers.

 

Just to clarify, the way flash handles text fields on windows / cs4 is how I imagine it should be. I made the file on mac/CS3 however, and so when i said "ruins the alignment" I should have said "fixes the alignment problem, but breaks my alignment which was made to compensate for the problem I was experiencing."


I hope that someone will be able to help me with this issue, and thank you in advance for your feedback!

 
Replies 1 2 Previous Next
  • Currently Being Moderated
    Aug 20, 2009 8:01 AM   in reply to Smef

    Yes, I have the same problem (you are not alone!). Seems like the fonts have a really huge vertical baseline shift. When I set a hyphen as Superscript (it's to do with a chemical structure project I'm working on), it aligns itself to the middle of the text... quite annoying. I haven't found a solution as of yet. Flash doesn't seem to allow much in terms of preference settings for this.

     

    It seems to be with all fonts too.

     

    '~'

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 3, 2009 9:08 AM   in reply to Smef

    The only thing I've found on Adobe forums is formatting via Actionscript 3.0.

     

    Are you working in CS4 at all? I'm in CS3 but curious as to whether it still happens in CS4...

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 3, 2009 9:56 AM   in reply to Smef

    Use a Mac all the time. The text aligns where it aligns. That is how it works. There is no other way than the way it is.

     

    Yes, it isn't ideal that it doesn't like up the same way and, yes, there will always be font problems going between different platforms.

     

    So what is your question?

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 4, 2009 2:09 PM   in reply to Smef

    Again, the way it works is the way it works. I work on both Mac and PC versions. (and have since pretty much Flash MX days.) And when it comes to lining up text fields I guess I've never counted on them lining up by using the align buttons.

     

    I'm still not really seeing what the "problem" is or how it requires any "solution" or "fix" other than just visually line them up -- a pretty low tech and easy solution. Additionally I like to get my textfields on whole integers so I've always placed them by hand and adjusted them to where they need to be.

     

    Likewise with other programs (like InDesign or Quark before that) where there where object aligning tools. I've never found them to provide actual correct visual reference for "centering" and have ever only used them to get in the ballpark and then adjusted by hand for what I needed.

     

    I would hardly say that because of this little thing that Flash on a Mac is unusable. It just is what it is.

     

    I can understand wondering if this is how it is working for everyone -- and the answer seems to be yes to that, but you seem to have so much energy and drama around it. Let it go.

     

    And as far as the cross-platform thing goes it does mean that you can't just take the same file and publish it from a Mac, edit and then publish file output from a PC, and vice versa. Annoying yes, but the end of the world, not so much.

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 8, 2009 10:27 AM   in reply to Smef

    I agree with you, it's not really good enough to say "oh well, it's just the way it is" especially since a large percentage of Adobe's market use Macs and it is pretty common to work across platforms. I've had to redo all my templates in my current project (originally done on a PC) to fix this bug, which took up a lot of hours.

     

    Have you tried 'reporting a bug' on Adobe's contact page?

     

    https://www.adobe.com/cfusion/mmform/index.cfm?name=wishform

     

    They might not know/care about it.

     

    Good luck

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 8, 2009 10:55 AM   in reply to Smef

    I guess I'm still confused. You seem to suggest that the problem is that going back and forth between PCs and Macs causes alignment problems, but then you acknowledge that that is a problem pretty much with every program that deals with fonts. And you seem to be willing to extend the "that is just how it is" to every other program, but for some reason not to Flash...

     

    But then it seems that that is not the real issue. The real issue seems to be that the text isn't aligned in the vertical middle of the text field. Which is a totally different thing. And isn't related at all the the switching between platforms, because...

     

    Even if they fixed the vertical centering issue, then the regular issue would still be a problem -- and one that is likely never to be solved since Apple and Microsoft have very different ideas about font handling and screen display. So in the end the issue of jumping back and forth between platforms would still remain. So what is the point of getting all worked up about it? The alignment of text is likely to always be at least a little different between platforms -- whether it is just because the fonts differ or because the first baseline is placed differently by Flash.

     

    And I'm not sure how you can be stumped. The solution is to not deal with the final alignment of fonts on one or the other platforms.

     

    There are so many other cross-platform font issues -- embedded fonts not having the proper name, kearning, handling of higher unicode characters, etc. -- that will cause even bigger problems that it is really unwise to have final publishes from different platforms in any event.

     

    If you do figure out something like, "on my Mac I need to bump all the textfields down by 4 points" or some such rule like that you could probably make a JSFL file that will go through and do that and then the inverse version form going back the other way. Of course that also really has the possibility of really messing up your project, but if it is really that big of an issue for you you might want to do it.

     

     

    On the contacting Adobe side, this is a mostly user-to-user forum. Occasionally an Adobe employee will come through and/or respond. But the best thing to do is to file a bug report. This has been around a long time and I'm sure that others have reported it and yet Adobe has never fixed it. So I wouldn't hold my breath until it is fixed.

     

    In the end I"m not saying that it isn't a little annoying, but is it really nearly the end of the world? Does it really make Flash on the Mac almost unusable and worthless?

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 25, 2009 8:06 AM   in reply to Rothrock

    Yeah man, you don't understand what he's getting at.  We've all seen little differences in text rendering in various apps when moving from Windows to Mac or vice versa, but this is something different, and far more serious.  At my shop here, we've got tons of FLA files that were produced on Windows a couple years back, and now that we're on MacOS, even with all the right fonts, the FLA files can't be published because every single text field appears to have shifted several pixels one way or another.  In my case, I've got an older Windows FLA with hundreds and hundreds of text fields in it... and every field now has to be manually adjusted to compensate for the shift... in most cases it also seems to have really mucked up the line-height in the field, as well.

     

    So it doesn't make Flash "worthless" on MacOS, but it does mean that any FLAs created on Windows cannot be published from a Mac without requiring a great deal of manual intervention, which in a mixed-OS environment, working with huge Flash projects, while trying to make money in a business, is a show-stopper.  Not the "end of the world", but pretty ******* bad.  I mean, literally, this problem has hit us so hard here that in my case we're kind of screwed... I've spent literally days correcting this problem in one of our larger projects, and it's all just so that I can use my supposedly cross-platform FLA file on MacOS now that our team has moved away from Windows.

     

    I mean, compare the situation to Photoshop.  PSDs are supposed to be cross-platform, and they really are.  We share PSDs between Windows and Mac every day, with only minor variations in the way fonts are rendered.  FLAs are a whole other story, it looks like an insane developer opened 'em up and started randomly bumping things around...

     

    So hey Smef!  You're not alone dude, there are others who feel your pain, and I'm one of them.  This problem is serious, it's put me in a horrible position.  If you happen to read this and if you've managed to find any solutions that might help, I would be *very* interested to hear about them... otherwise I'm going to just keep doing some more searches and see if I can find someone who found a way around the problem...

     

    Cheers

     

    Dave

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 25, 2009 8:10 AM   in reply to Smef

    Hey Smef.  Your description and screenshots are perfectly clear, I can see that without a doubt I'm facing exactly the same problem as you are.  So far you're the only person I've found complaining about the problem, which seems odd... I would guess there are lots of developers out there who port FLA files back and forth between Windows and Mac.  Perhaps there is something about your machine and mine that make us more vulnerable?  Perhaps most people just suck it up and correct all their stuff manually?  Perhaps I just have to do more searches to find people talking about it...

     

    Anyway, if you've learned anything about solutions to this problem, please please let me know, I've got a lot of work to get caught up on after I get this **** sorted out...

     

    Best wishes, and thanks in advance

     

    Dave

     
    |
    Mark as:
  • Currently Being Moderated
    Oct 3, 2009 8:22 PM   in reply to Smef

    Smef, you're not alone! This has been the biggest issue I've had with Flash for many years (I've been using it since Flash 4). I am absolutely baffled as to why it hasn't been fixed yet.

     
    |
    Mark as:
  • Currently Being Moderated
    Oct 3, 2009 8:27 PM   in reply to GuidoRosso

    Btw, there used to be a script someone wrote that would automatically shift all the textfields in an FLA by a certain amount. I can't seem to find the link anymore, but it wasnt a very good fix anyway as the shift isn't consistent. It seems to be based on the size the textfield is set to. Doing it manually is the only way to get it right, or just make sure the machine you initially designed it on will always be the machine you use to compile the SWF. It sucks, but these seem to be the only options till it gets fixed (if ever).

     
    |
    Mark as:
  • Currently Being Moderated
    Oct 9, 2009 7:40 PM   in reply to Smef

    I'm fairly certain it's a Flash bug, even other Adobe software behaves perfectly from Mac to PC. I've brought this issue up a bunch of times, even when our company had a chance to provide in person feedback to the Flash team on the various betas from the past years (even before Adobe was in the picture).

    The problem is that not a lot of people acknowledge it as an issue, they just brush it off as a platform inconsistency. Which we know isn't true, because

    we'd be seeing this issue in other software as well. Yes, some inconsistency is common, but it's never this bad.

     

    For now, best thing to do is make sure you always compile the SWF on the same platform that the designers initially prepared the assets in.

     

    Good luck!

     

    --

    Guido Rosso

    http://www.guidorosso.com/

     
    |
    Mark as:
  • Currently Being Moderated
    Oct 9, 2009 7:05 PM   in reply to Smef

    Thanks for your imformative tips. They are all helpful.

     
    |
    Mark as:
  • Currently Being Moderated
    Nov 17, 2009 2:35 PM   in reply to GuidoRosso

    I'm also baffled as to why this hasn't been fixed. The problem isn't so much that Flash for Mac has buggy vertical font alignment: both Mac and PC versions have that problem! It's just that they're wrong in different ways.

     

    For example, lay down a piece of dynamic text in Flash IDE (Mac or PC) and put a border on it. Make the text something showing ascenders and descenders, like "ÃÃÃÃÃÃjjjjjjj." Then draw a thin horizontal line under the text, so it butts up against the bottom of the Ãs. This is the baseline. Now change the font. As you change into different fonts, both the Mac and PC versions will show the text jumping up and down around the baseline. Some fonts will be spot on. Some fonts even have the gall to poke the text up and outside the border! This happens even with fonts from Adobe's library. The misalignment generally looks worse on the Mac side, but they're both off.

     

    This baseline miscalculation, by itself, is an issue that should be resolved, and fixing this problem would also solve the secondary issue, which is what we're ultimately complaining about: the baseline miscalculation in question varies between platforms. If the miscalculation was at least consistent for a given font between platforms, that solves the most continually annoying issue I've had with this product for years. But it's not. The baseline is wrong on all versions.

     

    Perform a comparative test on Photoshop and it reveals a consistent baseline as the font changes. The Flash team needs to learn something from the Photoshop crew.

     

    So why don't they change it? My guess is because Flash TextFields have an upper left registration mark, instead of a baseline left registration mark. Different fonts with the same pitch have different heights. This means as the font changes, they'd have to move the TextField vertically to keep the baselines in alignment, giving it a new position, and I don't think they like that consequence. So why don't they use baseline registration instead of upper left? That's what essentially Photoshop uses. Similarly, it would affect backward compatibility, alignment with other stage items, etc.

     

    I have few suggestions for Adobe. 1. Within a TextField, give us vertical alignment options: top, bottom center,and baseline. Then those who are dying from these issues can at least maintain cross compatibility. 2. Store the baseline offset with each TextField in the FLA, so if the FLA is opened on another system, it uses the stored baseline offset to determine where to vertically place the font, instead of calculating it from font information. This means the fonts will lay out consistently across platforms. 3. Write baseline calculation code that doesn't rely on system calls, so vertical alignment is at least consistent between platforms.

     

    If Adobe implemented any of these suggestions, I'd be happy. Actually I'd like 1 and 3, but I'll take any.

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 5, 2010 12:49 PM   in reply to Smef

    I found this thread while searching for help on a similar (or the same?) problem. I am using CS4 at school on Windows and at home on a Mac. I brought my Flash files home to work on them over the weekend. As someone noted already, if a swf is made on the machine that created the file, it looks like the original Flash file, and the swf works fine on either platform. If I open the Flash file on my Mac, the text is raised up several pixels and the height of the text box is actually 4 pixels less than on the PC. Even if I save the Mac Flash file and take it in to school, the instructor can't troubleshoot this, as it reverts back to the original PC layout for the text box. In some cases this doesn't make much difference, but inside of buttons where the alignment of the up, over, and down states are critical, this is a deal-breaker. When I finish the school program shortly, I will not be able to maintain my websites without having to completely re-align the type everywhere, including inside all buttons and symbols. I have checked the details in the property inspector, and the height of the box is the only data that changes. This really does make Flash unusable for cross platform work.

    I would appreciate any suggestions.

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 1, 2010 8:10 AM   in reply to Smef

    This issue should not be brushed off as minor, or simply the usual cross-platform oddity. This issue is specific to Flash. It also is specific to certain fonts. I have found it only happens with Adobe fonts - but I haven't tested that enough to assert that it's Adobe's fonts vs. OTF/TTF fonts in general.

     

    To replicate:

     

    Open Flash CS4 or CS3 in both Windows and Leopard (if you have that ability). Make a new Flash file in WIndows and create text using Myriad Pro or Adobe Caslon Pro (those are the 2 I've tested). Make a guide that shows where the baseline of the font is. Save and then open this file in Flash on Mac - you'll see the shift right away. The font "field" itself is the same, but the position of the text relative to the box it's in is different.

     

    If you do the same basic test in Photoshop there is no problem. That's the only other adobe app I've tested but I've read enough to say comfortably this is basically a Flash bug.

     

    And it's a big one in my opinion. My team is currently taking a huge hit in productivity because of this.

     

    PS - If we had realized this up front, we would have chosen fonts that don't have this issue (they exist). But it seems that this issue has been ignored or considered unimportant, and so not many people are aware until it kills their workflow.

     

    --Sean McAuliffe

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 6, 2010 5:33 PM   in reply to smcaulif
     
    |
    Mark as:
  • Currently Being Moderated
    Jun 14, 2010 7:23 AM   in reply to Smef

    Adobe IS diggin it's own grave by ignoring bugs....this is just insane. This particular bug was there for 4 years now, and NOTHING has been done, except marketing and advertisements of new cool features, that were meant to rise the sales, while real bugs ignored.

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 14, 2010 7:32 AM   in reply to AlexM--

    I have just been informed by Adobe that this font alignment bug is not fixed

    in CS5 for the Mac. For anyone using both Windows and Mac platforms, this

    makes Flash unusable. I cannot maintain the site that I created on a PC at

    school without changing all the fonts and re-aligning all the elements on my

    Mac.

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 14, 2010 7:53 AM   in reply to Smef

    The only thing I can think is that they just don't care that much about the Flash IDE anymore - they're nursing it along, but their focus is on Flex, Catalyst, Builder, etc. Which I get, but this seems like it could be fixed since it doesn't happen in any other Adobe app (that I'm aware of).

     

    One thing I'll pass along - if you use Windows TrueType fonts, they will run on both Mac and Windows boxes and not give you a problem. It's just hard to find them these days. Recently we switched from Myriad Pro OTF to Frutiger Windows TrueType and were able maintain the overall look and not have this issue. It's a lot of work just to get Flash to behave!

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 17, 2010 8:12 AM   in reply to smcaulif

    I was wrong about using WIndows TrueType - it does solve this specific issue but there's a whole other issue - the line-height is interpreted differently on PC and MAC! Kill me!!!!

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 14, 2011 10:19 AM   in reply to smcaulif

    Took me a while to find this post, but I too have this same issue!

     

    I'm new to flash and just started to work on it recently when I came across this text layout problem. We work on a lot of different FLAs from different companies so they can be developed on Mac or PC.

     

    After reading this post its clear to me that Flash FLA files are NOT Platform independent. I thought it was just me, or my machine or font setup, but now I know its a Flash Mac Bug, so I don't have to waste my time trying to figure out a solution.

     

    Now I know I must have 2 PCs with Windows and Mac. both with Flash, and I have to make sure I know which platform the FLA was developed on.

     

    Thanks guys for clearing this up and saving me hours and hours of research to solve an unsolveable Bug in the Mac Flash Software!

    By the way, still not fixed in CS5.5 either!

     

    To help other people with their searches I am mentioning the following words again, Flash, Bug, Text Layout Bug, Mac and PC cross platform bug, fail, text layout issues, text alignment with Mac and PC using Flash. Hopefully it might help other people in their searches ;-)

     

    Cheers,

    Anthony.

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 5, 2012 3:57 PM   in reply to Smef

    Just chiming in to say this is still a problem.  Glad this thread exists.  Hopefully if it ever gets cleared up they'll let us know in here.

     

    Until then I guess I get to buy a 2nd computer just so I can publish certain PC FLAs at home.  yippee.

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 7, 2012 9:25 AM   in reply to Smef

    Just helping to keep this thread and issue alive. Amazing that Adobe hasn't addressed this issue yet. What I find particually frustrating isn't as much the cross-platform font alignment issues but the inability to align text properly at all in Flash. For instance I'm making many, many buttons for an interactive CD, the client likes the text inside of rectangular box centered - I can't center the text vertically due to this text field vertical alignment bug. I have to go in and manually adjust them everytime, total pain. Why they can't fix something like this is a total mystery to me. (using CS 5)

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 7, 2012 9:37 AM   in reply to LarryGroff

    We posted a fix a couple years ago, but we've since moved the code to our githup repo https://github.com/TheGood/ShiftTextFields enjoy!

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 22, 2013 8:50 AM   in reply to The-Good

    OMG !!!!!
    I can't believe that this still exists!!!!!

    @ADOBE, please @!@!@!@!???

    CS6 and this still happenes.

     
    |
    Mark as:
  • Currently Being Moderated
    Nov 27, 2013 1:29 AM   in reply to Smef

    Sigh.

     

    Bumping this thread in the vain hope that Adobe will fix this.  It's only been 4 years.

     
    |
    Mark as:
  • Currently Being Moderated
    Nov 28, 2013 2:56 AM   in reply to dr deetee

    Hi

     

    Could you please share the files to isolate this issue.

     

    I think this issue is reproducible in CS3 and CS4.

    Please confirm if any body having the same issue in CS 6.

     
    |
    Mark as:
  • Currently Being Moderated
    Nov 28, 2013 6:30 PM   in reply to Catherine Joseph

    Hi Catherine,

     

    Thanks for following up on this.  I'm still seeing this issue on Flash CC (13.0.1.808).

     

    I have created a FLA which shows the problem.  I created it on a Mac and sized all Textfields to match exactly the size of the red box behind them.  Then I opened the same FLA in Windows.  All the heights of the Textfields have changed!  They all have random heights and the vertical alignment is different.

     

    I tried embedding the fonts.  I tried static and dynamic text fields.  But these don't affect the issue.

     

    I have attached screenshots of what we see on Mac and Windows.

     

    Created on a Mac:

    what we see on Mac.png

     

    And then opened on Windows:

    what we see on Windows.jpg

     

    The FLA is here: https://www.dropbox.com/s/sxpflqy4flbaxwf/font%20align%20issue.fla

     

    Note: I also reported this bug to Adobe.  I received a response from O. J. Jose.

     

    David

     
    |
    Mark as:
1 2 Previous Next

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points