Foros del Web » Creando para Internet » CSS »

Menu con CSS se ve completo en FF y mal en IE

Estas en el tema de Menu con CSS se ve completo en FF y mal en IE en el foro de CSS en Foros del Web. Hola a todos! Gente tengo un problema con este menú que armé. Lo que no entiendo es por qué en Fifefox el menú llega hasta ...
  #1 (permalink)  
Antiguo 17/07/2011, 17:46
 
Fecha de Ingreso: mayo-2002
Ubicación: Capital Federal
Mensajes: 630
Antigüedad: 15 años
Puntos: 1
Menu con CSS se ve completo en FF y mal en IE

Hola a todos! Gente tengo un problema con este menú que armé. Lo que no entiendo es por qué en Fifefox el menú llega hasta la otra punta y en IE el menú no llega y deja un espacio vacío.
Les dejo la web para que la vean, pruébenlo en FF y en IE y van a ver el vacío a la derecha: Demo del menú

El css que uso es este:
Código:
* {
padding:0px;
margin:0px;
}

body,html {
text-align:center;
background-color: #C1DDE6;
}

#contenedor {
width:914px;
height:900px;
margin: 0 auto 0 auto;
position:relative;
top:0px;
left:0px
}
/* BOTONERA MENU */
#botonera_menu{
position: relative;
margin: 0 auto 0 auto;
width: 914px;
height: 43px;
}

#barra {
float:left; 
width:914px;
}
	
#barra li{ 
list-style:none; 
float:left;
}

.catalogo a{
	background:url(imagesite/catalogo.jpg) no-repeat; 
	text-decoration:none;
	display:block; 
	width:219px; 
	height:43px;
	}
.catalogo a:hover {
	/* background-position:bottom; */
	background-image:url(imagesite/catalogoover.jpg);}

.inicio a{
	background:url(imagesite/inicio.jpg) no-repeat; 
	text-decoration:none;
	text-align:center;
	display:block; 
	width:138px;
	height:43px;
	}
.inicio a:hover {
	/* background-position:bottom; */
	background-image:url(imagesite/inicioover.jpg);}

.institucional a{
	background:url(imagesite/institucional.jpg) no-repeat; 
	text-decoration:none;
	text-align:center;
	display:block; 
	width:138px; 
	height:43px;
	}
.institucional a:hover {
	/* background-position:bottom; */
	background-image:url(imagesite/institucionalover.jpg); 
	border: 0; }

.novedades a{
	background:url(imagesite/novedades.jpg) no-repeat; 
	text-decoration:none;
	text-align:center;
	display:block; 
	width:138px; 
	height:43px;
	}

.novedades a:hover {
	/* background-position:bottom; */
	background-image:url(imagesite/novedadesover.jpg);}

.descargas a{
	background:url(imagesite/descargas.jpg) no-repeat; 
	text-decoration:none;
	text-align:center;
	display:block; 
	width:138px; 
	height:43px;
	}

.descargas a:hover {
	/* background-position:bottom; */
	background-image:url(imagesite/descargasover.jpg);}

.contacto a{
	background:url(imagesite/contacto.jpg) no-repeat; 
	text-decoration:none;
	display:block; 
	width:138px; 
	height:43px;
	}

.contacto a:hover {
	/* background-position:bottom; */
	background-image:url(imagesite/contactoover.jpg);}
Espero puedan explicarme xq pasa esto.
Muchas gracias.
Marx.
__________________
"Todo lo que somos es el resultado de lo que hemos pensado". Budda.
  #2 (permalink)  
Antiguo 17/07/2011, 18:24
 
Fecha de Ingreso: mayo-2011
Ubicación: sinaloa
Mensajes: 150
Antigüedad: 6 años
Puntos: 4
Mensaje Respuesta: Menu con CSS se ve completo en FF y mal en IE

la verdad no ce cual sea el problema, pero algo si estoy seguro:::
cuando utilizas el ASTERISCO en CSS significa que todos los estilos tendran esa propiedad.
Estas poniendo a todos con MARGIN:0 y PADING:0.
Ten cuidado eso te puede modificar cualquier cosa y puedes llegar a desesperarte por encontrar alguna solucion.

Puede que sea problema de resolucion, intenta con ZOOM+ y ZOOM- en varios Navegadores, y veras como cambia.


Suerte.!!
  #3 (permalink)  
Antiguo 17/07/2011, 19:36
Avatar de ArturoGallegos
Colaborador
 
Fecha de Ingreso: febrero-2008
Ubicación: SLP, México
Mensajes: 5.663
Antigüedad: 9 años, 3 meses
Puntos: 913
Respuesta: Menu con CSS se ve completo en FF y mal en IE

tu pagina esta trabajando en modo quirks por lo que siempre obtendrás resultados distintos entre navegadores...

para evitar esto declara un doctype valido
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #4 (permalink)  
Antiguo 18/07/2011, 18:40
 
Fecha de Ingreso: mayo-2002
Ubicación: Capital Federal
Mensajes: 630
Antigüedad: 15 años
Puntos: 1
Respuesta: Menu con CSS se ve completo en FF y mal en IE

Cita:
Iniciado por Ag666 Ver Mensaje
tu pagina esta trabajando en modo quirks por lo que siempre obtendrás resultados distintos entre navegadores...

para evitar esto declara un doctype valido
Era exactamente eso. No lo tenía puesto. Le agregué el doctype válido y ahora se ve igual en los 2 navegadores.

Gracias capo... gracias a los 2.

Saludos. Marx.
__________________
"Todo lo que somos es el resultado de lo que hemos pensado". Budda.

Etiquetas: completo, fondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:14.