como crear un estilo css segun el ancho de la pantalla cliente

[azaz]

Hola alguien me podria decir como asignar un estilo segun sea el ancho de la pantalla cliente, por ejemplo si la pantalla es menor que 1024 dar un padding:0px

yo probe algo asin:

Código PHP:

<script type='text/javascirpt'>
if(screen.width<1024){
<?php
echo '<style type="text/css">selector{padding:0px}</style>';
?>
}
</script>
 

pero me da error de sintexi.
Saludos.

[iviamontes]

te juro que he buscado la duda PHP.

Por otro parte lo que necesitas es aplicar CSS3 Media Queries, y si aplicar reglas a cada dimensión que te interese, y para navegadores viejos, te aconsejo que uses Modernizr.

[azaz]

Hola iviamontes, echare un vistazo a Modernizr que nunca escuche hablar de el, realmente lo quiero para navegadores viejos que no soportan CCS ya que Media Queries si lo conocia, gracias y saludo.

[iviamontes]

ok, suerte !

[azaz]

No acabo de entender como utilizar Modernizr para dar estilo segun el ancho de la pantalla del navegador cliente, me puedes poner algun ejemplo, el archivo moderniz ya esta en mi documento pero no se como utilizarlo, saludos.

[azaz]

Lo que yo entiendo es Moderniz trabaja con CSS3 y HTML5 avisandote de lo no compatible con el navegador cliente tanto css como js, pero yo la pagina la tengoo echa en css2, igualmente entiendo que si utilizo Moderniz tendria este mismo problema para aplicarle un estilo segun el tamaño de la pantalla en los navegadores que no aceptan css3 y realmente lo que quiero es aplicarle un estilo css segun el tamallo de la pantalla cliente, yo pense algo asin:

Código Javascript:

<script type='text/javascript'>
alert(screen.width);
var ancho = screen.width;
</script>
 

Código PHP:

<?php
$ancho = '<script type="text/javascript">document.write(ancho)</script>';
?>
 

y parece que funciona, saludos.

[pzin]

¿Y qué consigues haciendo eso?

Usa las media-queries, que además no tiene nada de CSS3 y es compatible con todos los navegadores. Si sabes algo de CSS, rápidamente entenderás el concepto de Responsive Web Design.

[MindPaniC]

Efectivamente yo aconsejo el uso de media queries. Además es muy sencillo

Saludos