Pero que tal si quien visita la pagina no tiene habilitado javascript? entonces las pagina se mostraria sin estilo alguno, para solucionar eso seria bueno primero definir un estilo normalmente con html para firefox y si el javascript detecta q es otro navegador diferente a firefox entonces cargar otro stylesheet q sobre escriba al anterior. y en el caso del php no es necesario hacer tanto "echo" me parece q el codigo quedaria mas limpio asi:
Código PHP:
<?php
if($_GET['browser'] == 'Chrome'){?>
div#id{
width: 30%;
height: 200px;
}
p.class{
color:#fff;
}
<?php
}elseif($_GET['browser'] == 'IE6'){
?>
.......
<?php }elseif($_GET['browser'] == 'IE7'){>
.......
<?php }?>
asi no solo puedes definir el estulo para diferentes navegadores sino q tambien para las diferentes versiones de ellos.
solo q para eso debes usar "navigator.appVersion" en lugar de "navigator.appCodeName" si noi me equiboco