<div>
If your web site is rendered by a server-side script with some intelligence like PHP, ASP, etc., you can probably detect the user-agent and adjust the CSS accordingly. &nbsp;But there may be a cross-browser solution if you're using something like Twitter Bootstrap to style the pages. &nbsp;Can you please show us the web site in question?
</div>


<div>
This is the page, problems with rendering are in the top side, that is, the main screen you see: &nbsp;<a href="http://bit.ly/1NOS1LQ" rel="ugc">http://bit.ly/1NOS1LQ</a> &nbsp; is having some issues with the video on the background, mostly on Safari and mobiles.<br />
<br />
I had to alter the original joomla template (Gavick simplicity) sometime ago in order to embed that video, the big button on the center, etc, It was bit tricky for me as I'm not front end designer but I tried.<br />
<br />
Before the video, it had a fix picture instead, total 3 pictures for correct rendering: one for desktop, other for tables and the other one for mobiles
</div>


<div>
<div class="content wysiwyg-content">
Hello,<br />
<br />
Is there any way to have specific rules based on the user agent or browser.<br />
<br />
I'm not sure why Safari is rendering a section of my website different that the orher browsers, and need to solve an error asap<br />
<br />
Thank you
</div>
</div>


Hello,

Is there any way to have specific rules based on the user agent or browser.

I'm not sure why Safari is rendering a section of my website different that the orher browsers, and need to solve an error asap

Thank you

CSS rules for specific user agents/browsers

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.

Web browsers are applications used primarily to display documents, files and media from the Internet, identified by a Uniform Resource Identifier (URI) that can be a page, image, video or other file. Some browsers require the use of add-ons or extensions to safely render the information they receive; others have systems built into them to perform the same functions.

Web Browsers

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

Web development can range from developing the simplest static single page of plain text to the most complex web-based internet applications, electronic businesses, and social network services using a wide variety of languages and standards, including the familiar HTML, JavaScript and jQuery, ASP and ASP.NET, PHP, ColdFusion, CSS, PHP, Flex and Flash, but also the implementation of a broad list of standards including XML, WSDL, SSDL, VoiceXML and many more.

Web Languages and Standards

Joomla is a free and open-source content management system (CMS) for publishing web content. It is built on a model–view–controller web application framework that can be used independently of the CMS. Written in PHP, Joomla uses object-oriented programming (OOP) techniques and software design patterns, stores data in a MySQL, MS SQL  or PostgreSQL database, and includes features such as page caching, RSS feeds, printable versions of pages, news flashes, blogs, search, and support for language internationalization.