crear valores en CSS por javascript

[capitanquartz]

Buenas.

Estoy usando un efecto Ajax el cual debe tener una dimensión width en su CSS, pero si esta es un porcentaje el Ajax deja de funcionar. Por ello, se me ocurre una solución aunque mis conocimientos de Javascript son practicamente nulos y no se que falla. Aqui un codigo de lo que tengo:

Código:

<script type="text/javascript">
 var ancho =  screen.width
 entrecien = ancho / 100;
porveinte = entrecien * 20;
resultado = ancho - porveinte
document.write('
<style type="text/css">
div#my-glider-horizontal div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: '+ resultado +'px; 
	height: 100%;
	overflow: hidden;

	}
	div#my-glider-horizontal div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/	

		width: '+ css +'px;
		height:100%;
		overflow:hidden;
		float:left;
		padding:1em;		
		}
	div#my-glider-horizontal div.scroller div.content {
		width: 10000px;
		}
	div#my-glider-horizontal div#section2 {
		background:#ffffff;
		color:#ffffff;
		}
</style>
');		
</script>

bueno, a ver si algun entendido del tema me puede hechar una mano XD

Gracias y un saludo

[capitanquartz]

Bueno, ya lo solucione. Posteo la solución para el siguiente:

Hay que hacer de la hoja CSS en un PHP, por ejemplo style.css -> style.php

Despues, en la pagina que va a usar el CSS hay que poner un codigo como este:

Código:

<script LANGUAGE="JavaScript">
document.write('<link rel="stylesheet" type="text/css" href="style.php?width='+ screen.width +'" />');
</script>

Con esto, el CSS sabra cual es el valor y seguiremos teniendo la hoja de estilos a parte.

Anotación importante:
La pagina en php debe tener un header('Content-type:text/css'); para que funcione. Y el codigo CSS debe estar entre echo " "; y por supuesto, necesitaremos $_GET['width'] para coger la variable de la URL y que todo este entre <?php ?>

Un saludo. Espero que ayude.