Looks different on Mac vs. PC

I'm building a website using a mac. When i view the site on a
PC, some of the alignment messes up and doesnt look right (only on
a few pages) How can I fix this?

I tried to check the site display in multiple browsers on both Mac and windows , but I was not able to verify the issue.
I believe you have already resolved the issue.
Thanks,
Sanjit

Similar Messages

Published site looks different on mac and pc?

having (finally) published my site, why do the fonts and layout look different on my mac to my husbnad's pc? v odd???

because different browsers interpret CSS files indifferent ways and because fonts that are installed on your mac may not necessarily be installed on your husbands pc. It is a common gripe of web designers (not just those using iWeb) that margins and padding (for example) are all read differently by IE than by FF.

Flash movie looks different in mac vs pc

I built a flash movie to display products. There are 3 different key frames. Two of them look the same on both mac and pc. Only one looks completely different.
It works on IE7, IE8, Firefox, and Chrome on PC. Everything looks exactly how it should.
I tested with Chrome, Safari, and Firefox on a Mac and it looks totall different.
I am using swfobject.js to embed the file and I updated flash to the most recent version on both machines.
With a windows computer, it looks like this:
On a Mac, it looks like this:
The two New Arrivals are encroaching on the image and there is no product name or item numbers.
Any thoughts on why this is happening?

Usually when a browser has an issue playing a Flash file it is due to the embedding code that is used in the html page. Can you compare your code to another page's code to see what differences there are? You should let Flash generate the embedding code rather than using some other software to do it if that is what you did. Just have Flash publkish and html page, test that page in your various browsers, and if it works, copy/paste that code in place of what you have now.

Div tag looks different from mac to pc?

I have a very simple page with a background image as a CSS style (centered). I added a Div tag on the top and built a form inside of the div tag. The div tag is set to absolute positioning and looks great in dreamweaver and the pc. I tested it on my mac and the whole div/form moves all the way to the left side of the screen. I appreciate any help.

Try this code instead of what you have now.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Harley-Davidson Police Survey</title>
<style type="text/css">
/**zero out browser defaults**/
* {margin:0; padding: 0; line-height: 1}
body {
background: silver;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 100%;
#wrapper{
background: #000 url(http://www.hdpolicesurvey.com/images/purl_background.jpg) no-repeat;
width: 780px;
margin:0 auto; /**centered on screen**/
text-align:left;
color: #fff;
#form {
margin-left: 235px;
width:500px;
font-size: 12px;
padding-top: 120px;
/**Text Styles**/
p {
line-height: 1.5;
margin-top: 1.5em;
margin-bottom: 1em;
</style>
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" type="text/javascript" src="_mmServerScripts/XMPJS.ashx?XMPJavaScript=Tracking"></script>
<script language="JavaScript" type="text/javascript"> /* Track Current Page Visits */
var obj = new Object(); obj.type = "Page Visit"; XMP_TrackThis(obj, "HarleyPURL", "Page Visit", "Page Visit");
</script>
</head>
<body>
<div id="wrapper">
<div id="form">
<form name="form2" method="POST" action="landing.aspx?rid=testPURL&XMPieOrgBaseURL=http%3a%2f%2fwww.hdpolicesurvey.com%2f" id="form2">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKLTIzMzY3MzEzNQ9kFgQCBQ8VAQpIYXJsZXlQVVJMZAIGD2QWAmYPFQoDTXMuB01lbGFuaWUIU2hlZmNoaWsWVGV1dGViZXJnIEluY29ycG9yYXRlZAw0MTQtMjA3LTEzNTESMTIyMDAgVy4gV2lydGggU3QuCVdhdXdhdG9zYQJXSQU1MzIyMgpIYXJsZXlQVVJMZGTcAVE098MvJaXoGbNLgITf6vth/g==" />
</div>
<p>* = required fields</p>
<table width="474" border="0">
<tr>
<td valign="top">Title</td>
<td valign="top"><input name="title" type="text" id="title" value='Ms.' size="6" maxlength="6" /></td>
<td> </td>
<td colspan="2" valign="top">First*</td>
<td colspan="3"><span id="sprytextfield5">
<input name="first" type="text" id="first" value='Melanie' />
</span></td>
</tr>
<tr>
<td width="58">Last*</td>
<td width="144"><span id="sprytextfield6">
<input name="last" type="text" id="last" value='Shefchik' />
</span></td>
<td width="32"> </td>
<td width="43" colspan="2">Dept*</td>
<td width="144" colspan="3">
<input name="company" type="text" id="company" value='Teuteberg Incorporated' /></td>
</tr>
<tr>
<td>Phone*</td>
<td><span id="sprytextfield7">
<input name="phone" type="text" id="phone" value='414-207-1351' />
</span></td>
<td> </td>
<td colspan="2">Street</td>
<td colspan="3">
<input name="street" type="text" id="street" value='12200 W. Wirth St.' /></td>
</tr>
<tr>
<td height="24">City</td>
<td><input name="city" type="text" id="city" value='Wauwatosa' /></td>
<td> </td>
<td>ST</td>
<td><input name="state" type="text" id="state" value='WI' size="6" maxlength="2" /></td>
<td> </td>
<td>ZIP</td>
<td><input name="zip" type="text" id="zip" value='53222' size="14" maxlength="10" /></td>
</tr>
</table>
<p><br />
Do you currently employ a motor unit?
<br />
<label>
<input type="radio" name="employ" value="employ_no" id="employ_1" />
yes<br />
<input type="radio" name="employ" value="employ_yes" id="employ_0" />
no</label>
</p>
<p>What brand are you currently using? (Check all that apply)<br />
<label>
<input type="checkbox" name="brand_HD" value="HD" id="brand_0" />
HD</label>
<br />
<label>
<input type="checkbox" name="brand_BMW" value="BMW" id="brand_1" />
BMW</label>
<br />
<label>
<input type="checkbox" name="brand_Honda" value="Honda" id="brand_2" />
Honda</label>
<br />
<label>
<input type="checkbox" name="brand_Kawasaki" value="Kawasaki" id="brand_3" />
Kawasaki</label>
<br />
<label>
<input type="checkbox" name="brand_Other" value="checkbox" id="brand_4" />
Other</label>
</p>
<p>Total Motorcylce Fleet Size:<br />
<label>
<input type="radio" name="fleet" value="fleet1-5" id="fleet_0" />
1-5</label>
<br />
<label>
<input type="radio" name="fleet" value="fleet6-15" id="fleet_1" />
6-15</label>
<br />
<label>
<input type="radio" name="fleet" value="fleet16-25" id="fleet_2" />
16-25</label>
<br />
<label>
<input type="radio" name="fleet" value="fleet26-50" id="fleet_3" />
26-50</label>
<br />
<label>
<input type="radio" name="fleet" value="fleet51" id="fleet_4" />
51+<br />
<br />
</label>
Do you anticipate purchasing new motorcycles in... (Check all that apply)<br />
<label>
<input type="checkbox" name="purchase_3month" value="3month" id="purchase_0" />
within 3 months</label>
<br />
<label>
<input type="checkbox" name="purchase_3to6month" value="3-6month" id="purchase_1" />
3 - 6 months</label>
<br />
<label>
<input type="checkbox" name="purchase_6to12month" value="6-12month" id="purchase_2" />
6 - 12 months</label>
<label><br />
<input type="checkbox" name="purchase_1yearmore" value="1year" id="purchase_3" />
1 year or more</label>
<br />
</p>
<p>
<label>        Would you like someone from H-D to contact
you regarding our
2010 products?<br />
<input type="radio" name="contact" value="contact_yes" id="contact_0" />
yes</label>
<br />
<label>
<input type="radio" name="contact" value="contact_no" id="contact_1" />
no<br />
<br />
Would you like to receive a H-D Police motorcycle catalog?<br />
<input type="radio" name="receive" value="receive_yes" id="receive_0" />
yes</label>
<br />
<label>
<input type="radio" name="receive" value="receive_no" id="receive_1" />
no</label>
</p>
<p>
<input onmouseup='XMP_TrackThis(this, "HarleyPURL", "Button", "Performed Action");' type="submit" name="submit" id="submit" value="Submit" />
<label>      </label>
<label>      </label>
<br />
<br />
<br />
<br />
<br />
</p>
<input type="hidden" name="XMP_SetNewAdors" value="form2" />
</form>
</div> 
<script type="text/javascript">

</script>
</div>

</body>
</html>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Is there a way to make my cursor look different on Mac Mountain Lion

I currently have a Mac Book Pro with Mountain Lion and i would like to change the cursor into something else (Not increase the size) .
Please help, this is very important!!

yeah but then it opens in a new window when I have no problem just zooming in. ah well I guess theres no solution I can just continue to ignore the cursor

Why does Muse website look different Mac vs. PC

Why do adobe muse websites look different on a Mac vs. PC? www.915day.com for example. Looks great on my mac, but when you go to the PC version it looks zoomed in at least 25-35%? Why? (I have thus adjusted it to look good on a PC.) Frustratingly, to center the Logo for one platform, means to put it off center on the other. Defeats the whole purpose of Parallax scrolling. Also, who would pay so much a month to the creative cloud if they can't even offer their clients continuity? I understand there is a difference between older browsers and new, but it tests the same way even on a new browser (Windows 8 browsers). I have tried adjusting the canvas to the exact measurements of the screen on my PC but it renders the same. Also I have turned on the HiDPI just to see if that was the case. Still no fix. There is only one instance of this in the forums and it has still gone unanswered. So I am asking in greater detail why this is an issue.
Anyone?

I tried to check the site display in multiple browsers on both Mac and windows , but I was not able to verify the issue.
I believe you have already resolved the issue.
Thanks,
Sanjit

Webpages look different on all mac browsers than they do on IE

Ok, I just purchased an IMAC 27inch and I am not happy. The WebPages I used to do my job on my windows machine worked fine. On my IMAC, they look different, as if part of the page is lying on tope of another part of it, or like the tables used to create the web page are skewed.
I have tried this on Safari, Firefox and Opera. I went back to the mac store and brought the webpage up on the model in the store and the same thing happen. The sales person downloaded and installed Chrome and there was no change. It did the same thing on chrome.
Has anyone had a similar problem? WebPages looking different on the IMAC than they do on windows IE? I need to get this figured out fast or I will just take this thing back. I have 11 days left on the 14 day return policy. Help.
I will try and figure out how to upload a pdf of both WebPages to this thread

So, is this your first Mac? I remember when I switched over from a PC, I had the exact same issue. Trust me on this one, there is nothing wrong with your computer, it simply takes time to mentally adjust to the differences. It looks as if Safari does not show the complete webpage, or looks as if it is cutoff, or as you said, "skewed." But it is not, your eyes are so used to the IE format and your brain has grown so accustomed to your internet experience being a certain way that it takes time to get used to it. I posted the EXACT same question five years ago in this forum and everyone told me what I am telling you and I got pretty upset with some very knowledgeable people. Now I feel like a fool for having disagreed because I see nothing wrong with it at all, but I am using the same exact computer I was five years ago (I love IMac's, how many PC's can one say that about) You will get used to it, no doubt about it.

Exported swf looking different in Pc and Mac

So I made pages with FC. But now i have noticed that it is looking different in different operating systems.
When I look it with my Mac Book pro using what ever browser (safari, firefox etc.) The text in this page will look like this.
Also as you can see I have pressed down the link "Maanantai". In Mac it is looking ok. But in PC there are some cutting.
And if I look the text with PC (windows XP) with any browser (IE, firefox) it will look like this. How it is possible?
I thought that swf file is WYSIWYG? Apparently it generates something concerning to text.

Hi,
You are correct about font embedding - if you don't do it, your text will look different across platforms.
If you're willing to jump to Flash Builder, here's the documentation on embedding fonts:
http://livedocs.adobe.com/flex/gumbo/html/WS2db454920e96a9e51e63e3d11c0bf69084-7f5f.html
Stay tuned for some font embedding help build into Catalyst...
-Adam

My websites look different on a Windows and Mac computers...

Just wondering why my websites look different on Windows and Macs?? It changes the spacing on the Windows machines so it thoughts off the looks of the site. Any way to fix this?

Jason Holland wrote:
Just wondering why my websites look different on Windows and Macs?? It changes the spacing on the Windows machines so it thoughts off the looks of the site. Any way to fix this?
There are 3rd party apps you can get that can help a bit, but I think the main answer is that if you are using templates and graphic rich features of iWeb, the code it generates is pretty complex, a side effect of making it easy to use. All that code gives wiggle room to different browsers and generations of browsers to reproduce it differently.
My approach is just to keep things as simple as possible, and start with blank pages rather than templates. Because I keep my pages streamlined, they're universally compatible.

While searching for a photo, my Mac went into endless loop, so had to shut it down using button. After restart, highlightrd text looked "different." Also unable to highlight layers in Photoshop.

I was searching for a photo on myiMac when it went into an endless loop. Only way I could think of to stop was using the button at the back of my computer. After restart, had to erase text in Appleworks one character at a time, because highlighter did not work properly; also looked "different: when typing on an internet website . ..and was unable to highlight layers (in Photoshop). What did I do wrong? and How can I correct it? PS: Also unable to edit my system. (Am only using my iMac Intel these days, with OS X.4.11)

Anybody able to help me out with this one? West coast, you awake yet?

TS3276 Having trouble sending jpeg images as attachments in Mac email.....they go thru as images and PC users can't see the SAVE or QUICK LOOK boxes that Mac mail has. One friend scrolled over the image, right clicked on it and saved as a PNG file.

Having trouble sending jpeg images as attachments in Mac email.....they go thru as images and PC users can't see the SAVE or QUICK LOOK boxes that Mac mail has. One friend scrolled over the image, right clicked on it and saved as a PNG file.

Apple Mail isn't going to change the format of any of your attachments. it isn't going to corrupt them either.
Exchange is a transport protocol and server. The issue you describe is not related to Exchange.
There are many different versions of Microsoft Outlook in use and they all have e-mail bugs. Different versions have different bugs. Some Apple Mail hack to get around a bug in Outlook 2003 may cause the same message to be problematic in Outlook 2000. Fix them both and another issue will cause trouble in Outlook 2007. You can't fix this. Apple can't fix this. Microsoft can and has but that is irrelevant if your recipients are using older versions.
One specific problem is that Apple Mail always sends image attachments inline, as images, not as iconized files. You can change this with Attachment Tamer. Just be aware that use of this software will break other things such as Stationery. E-mail is just a disaster. To date, no one outside of Apple has ever implemented the e-mail standards from 1993. Apple has continually changed its e-mail software to be more compatible with the de-facto standards that Netscape and Microsoft have unilaterally defined and people documented as "standards" after the fact. The e-mail messages that Apple Mail sends are 100% correct and do not violate any of the original standards from 1993 or the Microsoft/Netscape modifications. The problem is entirely bugs and limitations in various versions of Outlook.

Exported PDF looks different in Preview, Adobe Reader

Hi,
I'm relatively new to InDesign and experiencing all sort of problems. I'm trying to export PDF of my resume in a small size file to send it over the email. However, after exporting when I view PDF document in different applications, it looks different.
1) In Adobe Reader in 100% view the letters in bold are "jumping". Please see the screenshot below
2) The colors of the logo come out right when viewed in Adobe Reader. Which is 1st image:
However when viewed in applications such as Preview or just default Mac preview with space bar. The colors of the logo and the contact details comes out completely different then in Adobe Reader.
I export the PDF with the default settings that comes with smallest file size but I need to make sure it looks good as this resume is for my job and will be viewed most probably on the computer. The logo is linked to Adobe Illustator file in InDesign document.
Please help as I spend about 3 hours trying to figure it out. I would really appreciate your help!
Natalia

Hi Mike,
Thank you for your answer. I've tried most of the thing you recommended but it doesn't work:
1) The file was originally created in CMYK and then I converted it to sRGB in InDesign. As well as chose transperency blend space as RGB. As for the logo then the option in Illustrator to convert the file into RGB mode seems to be disabled.
3). Exactly what I was doing.
I don't understand what I'm doing wrong... Is there a way to import all the links from illustrator into InDesign file?

My Imovie looks great on mac but it is discolored and grainy after I export to dvd.

My Imovie looks great on mac but it is discolored and grainy after I export to dvd. I need help, it looks awful when projected even playing from my mac.

It's my understanding based on what another long time contributor stated that Share to iDVD converts direct to a MPEG-2 format and drops it directly into the iDVD Project for you. Share to Media Browser saves it to .MP4 (actually .m4v which is what apple uses for iTunes video,etc) then that gets converted by iDVD into MPEG-2. So something about the export direct to MPEG-2 when you choose Share to iDVD is introducing the problem. That's why Share to Media Browser seems to get around that limitation, it uses a different encoding path altogether.

Keynote - The font Calibri is missing. Your text might look different.

Since updating Keynote app, I keep getting the following message every time I open my presentation...even when I have made other changes:
Some changes were made to your presentation. The font Calibri is missing. Your text might look different.
With over 100 slides, how can I find the font? Keynote used to make the change for you and you would never see this message again. Its so annoying. Also, why have you taken away so many of the easy functions like replacing images. Now it takes additional steps..sure hurts productivity.

The fonts on iOS are a limited set of fonts system wide.
Only really few app allow to install custom fonts. I assume that apple trys to prevent compatibility problems with the system.
May i guess is that you have reused a PowerPoint-Template? The message is clear for Calibri is one of the standard fonts of MS-Office and not on the Mac or iOS by default. I get this message regularly whe opening Office-docs.
When you are using styles the soultion should be easy: change the styles to a font that is on the iPad too - as Times. The changed styles should affect the whole document.
And don´t forget the master slices for they got font formats too.
Regards
AW

Export back to FCP looks different

I have a project in apple prores 422 in FCP. I sent it to color with no problems and did my color correct. Then I rendered it, and sent it back to Final cut pro. the image in FCP is considerably warmer and the blacks are clipped so there is no detail in black areas. It looks completely different in Color.
Any ideas of what I'm doing wrong? All of this is being judged on the same monitor so that's not the issue.
Thanks for your help,
Adam
Message was edited by: Adam Salky
Message was edited by: Adam Salky

The issue here, and its surprising you are coming up empty with the search because it is discussed almost hourly, is a gamma difference in Quicktime.
Up to Snow Leopard, MacOS has based their luminance transfer characteristic (gamma) coefficient of 1.8 to display graphic images on a Cinema Display or other panel. This makes sense to Apple, since they assume that almost 100 percent of their client base are using their computers for Photoshop, word processing and so on... and 1.8 is the prepress rendition that is standard industry-wide.
Broadcast video, on the other hand, uses a Rec709 gamma characteristic that is in the range of 2.2, which is more than a few percent different. It isn't your Quicktime media that is actually darker and a different color, it is the way Quicktime is decoding and displaying it within the MacOS, which is why it can look different on the same screen. Unless you instruct FCP to operate under Rec709 2.2 gamma, it will default to the system OS Colorsync 1.8 coefficient.
COLOR operates outside the Mac OS Colorsync supervisor -- it is entirely predicated on a system gamma of 2.2.
jPo

Looks different on Mac vs. PC

Similar Messages

Maybe you are looking for