Adding User-Agents to the Body Class

phreak

Hi all,

I'm working for quiet some years with Contao (www.contao.org). It has a feature which implementation would be a good add in Vanilla. Adding all the Agents information like Browsername, Browserversion, Devicename and so on to the Body Class. In Contao it looks like this.

Still some browser have a different rendering and that makes it helpfull to write specific fixes for certain browsers.

body {border-top: 10px solid #DDD;}
body.firefox {border-top: 11px solid #DDD;}

.crazyMenuNotEasyToStyle {margin: 4px;}
.mac.firefox.gecko.fx39 .crazyMenuNotEasyToStyle {margin: 5px;}

Here a screen what it looks like in Contao.

What do you think?!

hgtonight

This seems like a good idea for a plugin.

vrijvlinder

You can already write rules for all browsers and devices in general.

http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

x00

This is a flawed way of styling your site.

If you want to do for a bit of fun you can do it, but you can't rely on and it is not the way to solve tricky css issues.