Ajustar DIV a Resolución de Pantalla

caralfred_conker1 · #1 (**permalink**) 11/01/2013, 17:24

He estado leyendo en el foro, encontré que tienen solución a ajustar DIV al centro o derecha.

Mi situación es esta:

HEADER

DIV IZQUIERDO DIV CENTRAL DIV DERECHO

FOOTER

El sitio en si consiste en un solo rectángulo central, en algunas páginas aparece un Menú en el DIV Izquierdo.

El Problema resulta que dependiendo la resolución de pantalla del monitor, el menú en el DIV IZQUIEDO o se va muuuy a la izquierda ( si es monitor de gran resolución) o se empalma al central (si es un monitor de baja resolución).

Así que, habrá alguna forma de ajustar el MENU del DIV IZQUIERDO pegado al DIV CENTRAL? dependiendo la resolución de pantalla? que siempre este pegado, pero NO empalmado.

Asi lo tengo en un CSS:

.cextras {
position: absolute;
color:#FFF;
border-radius: 5px;
list-style-type: none;
margin: right; /* si queremos centrarlo */*/
padding: 0;

}

En el margin le tengo a la derecha, pero no sirve.

Cualquier comentario de ayuda es bueno, Gracias de antemano! :D

rottenp4nx · #2 (**permalink**) 11/01/2013, 17:26

Para que se ajusten a la medida de la pantalla tienes que usar las medidas de % y em

Te recomiendo que leas sobre "Diseño web Adaptable" o "Responsive Web Design"

Saludos

cesar_viridi · #3 (**permalink**) 11/01/2013, 17:28

Esto va en css

y puedes probar asi

Código CSS:

Ver original.cextras {
position: absolute;
color:#FFF;
border-radius: 5px;
list-style-type: none;
margin: auto auto;
width:80%;

saludos

masterpuppet · #4 (**permalink**) 12/01/2013, 04:28

Tema movido desde PHP a CSS

SirDuque · #5 (**permalink**) 12/01/2013, 06:40

Lo que estas buscando se llama Responsive y No es PHP, es Javascript y CSS.

pzin · #6 (**permalink**) 12/01/2013, 06:52

No tiene que ver JavaScript con RDW.

Ni el problema que tiene se solventa con RDW. Porque posicionar las cosas de forma absoluta sin sentido es lo que tiene, que luego pasan cosas raras.

Cuando posicionas de forma absoluta, los elementos salen del flujo natural del HTML, y se superponen a otros elementos. Lo que tienes que hacer es crear una maquetación correcta dentro del flujo del HTML —es decir, olvídate del valor absolute— y verás que nada se superpone a nada.

Nunca está de mas recomendar http://librosweb.es/css.

caralfred_conker1 · #7 (**permalink**) 12/01/2013, 13:30

gracias a todos por sus prontas respuestas, probare con lo que me han dicho y les dire que resultó.