tamaño de divs, segun monitor, pantalla o div

[aldo_rengo]

hola miren tengo un menu horizontal que ocupa todo el ancho del la pantalla,
cuando estoy en un monitor grande se ve bien, cuando estoy en una netbook.

de 14 pulgadas, se hace ancho y su contenido, tapa otras cosas y etc,


la pregunta, es... cual es la manera correcta para manipular.. estos divs dinamicos.??
hago que si el tamaño de el div, del menu horizontal, sea mayor a un tamaño, quera decir,que estoy en un monitor, 14 pulgadas, por el div, cambia de tamaño si estoy en un monitor, pequeño...

o la otra opcion es que con javascript, calculo el tamaño de la pantalla, asi sabre si estoy en una netbook ....

cual de las 2 es la manera correcta...


yo creo que l primera, por que el usuario, puede, achicar el contenido del navegador cone l zoom y asi el div, disminuira su tamaño y mantendra su tamaño original,

[zerokilled]

buenas...
te muevo css porque estoy seguro que se puede manejar con css sin necesidad de javascript. con javascript se puede hacer algo, pero es más cómodo con css. recuerda mostrar tu código para que otros se interesen en ayudarte.

viene de javascript.

[indie_rok]

Has un div con ancho del 100% de pantalla. Agrega esto al principio de tu CSS

Código:

html,body
{
     width:100%;
     height:100%;
}

Y luego ya puedes agregar capas.

Saludos

[lilmaster]

Hola aldo, para que los divs se adpten a los diferentes anchos de pantalla debes usar los anchos(width) en porcentajes,

Y con la ayuda de los media queries puedes cambiar los estilos css es decir

Código HTML:

@media only screen and (min-width: 1024px){

<!--Cuando la pantalla sea mayor a 1024px tenga estos estilos-->

}

@media only screen and (max-width: 1023px){

<!--Cuando la pantalla sea menor a 1023px tenga estos estilos-->

}

[aldo_rengo]

Iniciado por lilmaster

Hola aldo, para que los divs se adpten a los diferentes anchos de pantalla debes usar los anchos(width) en porcentajes,

Y con la ayuda de los media queries puedes cambiar los estilos css es decir

Código HTML:

@media only screen and (min-width: 1024px){

<!--Cuando la pantalla sea mayor a 1024px tenga estos estilos-->

}

@media only screen and (max-width: 1023px){

<!--Cuando la pantalla sea menor a 1023px tenga estos estilos-->

}

estas cosas de @media funcionan en internet explorer..¿
creo haber leido eso,

[pzin]

Iniciado por aldo_rengo

estas cosas de @media funcionan en internet explorer..¿
creo haber leido eso,

Funcionan a partir de IE9; http://caniuse.com/css-mediaqueries

Así que yo te diría que no tienes mayor problema, IE6 y 7 están en el cementerio, con cuatro chinos usándolo, e IE8 anda de paseo por el mismo lugar.