Ver Mensaje Individual
  #1 (permalink)  
Antiguo 21/08/2008, 13:12
altair_797
 
Fecha de Ingreso: marzo-2008
Mensajes: 61
Antigüedad: 16 años
Puntos: 0
Problema resolución del monitor

Hola todos tengo un problema y es el siguiente. Resulta que ya llevo un buen tiempo desarrollando una aplicación web, cometi un error gigante porque lo programe en mi computador y la resolución que tengo es de 1024X768. No me sirve porque la mayoria de los monitores de computadores que la van a utilizar tienen resoluciones mucho menores. Cómo hago para que que sea universal mi css?

Los foros que vi por aca manjan problemas verticales, mi problema mayor es que tengo un fieldset con iconos, imagenes que son links a otras paginas y estaban centrados en el medio, ahora me toco adaptar todo se ve bien en una resolución menor pero en mio se ve muy pequeño

Adjunto el codigo y muchas gracias por su ayuda
Código:

#menu {
	margin-top: 15px; 
	margin-right:10px; 
	margin-bottom: 10px; 
	margin-left: 12px;
	padding:0;	
	font-size:83%;
}


#menu a {
  display:block;
  border:none;
  background-position:left top;
  background-repeat:no-repeat;
  width:70px;
  height:1px;
  float:left;
  margin-top: 2em; 
  margin-right:2.01em; 
  margin-bottom: 1.5em; 
  margin-left: 2.01em;

}

li {
float:left;
}

a{
float:left;
}


#ipac{ padding: 4em 0em 0em 0em ;background-image: url("../1.png"); }
#consultas { padding: 4em 0em 0em 0em  ;background-image: url("../2.png") }
#reportes { padding: 4em 0em 0em 0em   ;background-image: url("../3.png") }
#menu_p  { padding: 4em 0em 0em 0em   ;background-image: url("../4.png") }
#eliminar  { padding: 4em 0em 0em 0em   ;background-image: url("../5.png") }
#print  { padding: 4em 0em 0em 0em   ;background-image: url("../6.png") }
#ayuda  { padding: 4em 0em 0em 0em   ;background-image: url("../7.png") }
#contacto  { padding: 4em 0em 0em 0em   ;background-image: url("../8.png") }
#modificar { padding: 4em 0em 0em 0em   ;background-image: url("../9.png") }
#nada { padding: 4em 0em 0em 0em   ;background-image: url("../10.png") }