<div>
I can not provide a login unfortunately but I found out that he was using Chrome on an OS X Yosemite machine. &nbsp;The site renders well on Safari on his machine. &nbsp;It renders well on Chrome, IE, Safari, and Firefox on a PC.
</div>


I can not provide a login unfortunately but I found out that he was using Chrome on an OS X Yosemite machine.  The site renders well on Safari on his machine.  It renders well on Chrome, IE, Safari, and Firefox on a PC.

<div>
After looking at the responses above, given that nothing jumped out at anyone, and the fact that I have had no other reports of &nbsp;a rendering issue given the number of folks accessing that page, I determined that it is a setting of some sort on his machine/browser. &nbsp;I mentioned to the main users that this problem existed and many in a similar situation (os, browser, etc) said they had no difficulties. &nbsp;I am not 100% convinced that the css is bullet proof but after weighing all of the factors, I don't think it is seriously flawed.
</div>


After looking at the responses above, given that nothing jumped out at anyone, and the fact that I have had no other reports of  a rendering issue given the number of folks accessing that page, I determined that it is a setting of some sort on his machine/browser.  I mentioned to the main users that this problem existed and many in a similar situation (os, browser, etc) said they had no difficulties.  I am not 100% convinced that the css is bullet proof but after weighing all of the factors, I don't think it is seriously flawed.

<div>
<div class="content wysiwyg-content">
What would cause the &quot;pc_ivew&quot; image to look like the &quot;mac_view&quot; image on a mac with a safari browser? &nbsp;I assume there is a style issue with my page?<br />
<a href="https://filedb.experts-exchange.com/incoming/2014/12_w50/888048/mac-view.png" target="_blank" title="mac_view (147 KB)"><img alt="mac_view" class="file-block lazyload" style="max-width: 789px;" data-src="https://filedb.experts-exchange.com/incoming/2014/12_w50/888048/mac-view.png" /></a><a href="https://filedb.experts-exchange.com/incoming/2014/12_w50/888049/pc-view.png" target="_blank" title="pc_view (173 KB)"><img alt="pc_view" class="file-block lazyload" style="max-width: 800px;" data-src="https://filedb.experts-exchange.com/incoming/2014/12_w50/800_888049/pc-view.png" /></a>
</div>
</div>


mac-view.png

pc-view.png

What would cause the "pc_ivew" image to look like the "mac_view" image on a mac with a safari browser?  I assume there is a style issue with my page?



Wierd Mac/Safari Web View

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.

HTML

Active Server Pages (ASP) is Microsoft’s first server-side engine for dynamic web pages. ASP’s support of the Component Object Model (COM) enables it to access and use compiled libraries such as DLLs. It has been superseded by ASP.NET, but will be supported by Internet Information Services (IIS) through at least 2022.