Entrar

ayuda: con iexplorer y el visor sale bien, con firefox no

cricri · · Solicitar retirada
Hola a todos!!! Tengo un pequeño gran problema con el menú horizontal. Lo estuve haciendo a visionando con el visor del html-kit, hasta que me quedó bastante decente y más o menos como lo quería. Cerré el programa y probé a abrir la plantilla con el firefox y con el internet explorer. Con explorer queda bien, como el del visor del programa, pero con firefox no se ve, a menos que pongas el cursor sobre el, que te aparece algo, pero tampoco como debería ser. No sé que hice mal. Me podrías ayudar??? Os dejo los códigos de la plantilla y los de la hoja de estilo:

Plantilla.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>El CLICK: todo sobre Los Hombres de Paco (... y las mujeres)</title>
<link rel="stylesheet" href="estilosg.css" type="text/css" media="all">

</head>
<body>
<div id="cabecera">Bienvenidos a mi Web</div> 

<div id="menu">
	<ul id="menuh">

		[*][url="#"]INICIO[/url]
		[*][url="#"]LA FAMIGLIA[/url]
		[*][url="#"]CAPÍTULOS[/url]
		[*][url="#"]ESPECIALES[/url]
		[*][url="#"]TOMAS FALSAS[/url]
		[*][url="#"]LHDP fuera de LHDP[/url]

		[*][url="#"]PROVERBIOS Y PALABRAS[/url]
		[*][url="#"]GALERÍA[/url]
		
		[/list]
	</div>
	<div id="menu">	
	<ul id="menuh">

		[*][url="#"]LA CASA POR...[/url]
		[*][url="#"]UN POSO, UN CARIÑO[/url]
		[*][url="#"]ENTRETENIMIENTO[/url]
		[*][url="#"]DE LAGUNILLAS Y...[/url]
		[*][url="#"]PARTICIPA[/url]
		[*][url="#"]PIGNOISE[/url]

		[*][url="#"]DESCARGAS[/url]
		[*][url="#"]FORO[/url]
		
		[/list]
		
	</div>

</body>
</html>

estilosg.css
body {
	margin:0;
	padding:0;
	background:#FFFFFF;
	outline: none;
}

a {
	outline: none;
}

a:hover {
	color: #333333;
	text-decoration:underline;
}


#pagina {
	margin:0 auto;
	padding:0;
	width:970px;
	background:#FFF;
	text-align:left;
}

#cabecera {
          width: 1000px;
          height: 100px;
          background: #FF8C00
}

#menu {
	background:#000000 no-repeat;
	margin:0 10px 0 10px;
	padding:0;
	text-align:center;
}

#menu ul{
	width:910px;
	margin:0 auto;
	padding:0;
	list-style-type:none;
	font-family:Cooper black;
	font-weight:mormal;
	font-size:13px;

}

#menu ul li{
	position:relative;
	display:inline;
	float:left;
}

#menu ul li a {
	display:block;
	padding:5px 6px 5px 6px;
	text-decoration:none;
	color:#FFFFFF;
	background-color:#FFFFFF repeat-x;
	height: auto !important;
}



#menu ul li a:hover {
	background-position:0% -26px;
	color:#00BFFF;	
}

#menu ul li:hover a {
	display:block;
	background-position:0% -26px;
	color:#EDF7F8;	
}

#menu ul li:hover .verm {
	display:block;
	background-position:100% -26px;
	color:#FF8C00;	
}

#menu ul li.iehover .verm {
	display:block;
	background-position:100% -26px;
	color:#FF8C00;	
}

#menu ul li.iehover a {
	display:block;
	background-position:0% -26px;
	color:#FF8C00;	
}

#menu ul li:hover ul {
	display:block;
}

#menu ul li.iehover ul {
	display:block;
}


Muchas gracias, bsiños
juank114 · · Solicitar retirada
Hola, pues soy nuevo ene ste foro y tambien tengo el mismo problema que aca el señor, tengo mi pagina bien diseñada(segun la vista previa del programa e ie), pero cuando me meto desde Firefox, es un caos. Les dejo imagenes:

Con IE todo bien.....
[contenido no disponible]


Y con Mozilla:
[contenido no disponible]

Necesitamos ayuda....
cricri · · Solicitar retirada
hola!!

He estado mirando mensajes anteriores, y encontré uno en el que planteaban el mismo problema. Una de las repuestas, se la dio "marcosavalo", y le dijo esto:
Hola, este es un error que nos pasa a todos, yo me volvi loco hasta dar con la solución.
La solución esta en ir jugando con las alturas (height) de cada capa, IE las coje automaticamente, sin embargo Mozilla no, asi que dale mas alturas.
Algunas veces, quitando la altura se automatiza, y si lo sigues viendo mal, pon la altura tu. Juega con ella y veras como se te arregla.
Un saludo

Pues bien, acabo de probar, a poner height: en la hoja de estilos, en lo que se refiere al menu, y le di un valor en pixeles, y ya me va.

Prueba tu tmb, a ver.

SALUDOS.

P.D.: gracias a marcosavalo por el consejo
nosabernada · · Solicitar retirada
Hola,

es lo que tiene los porcentajes, que depende del navegador, los interpreta de una manera u otra, ten cuidado con eso, no vallas a acerte lios para nada. Procula darle los porcentajes a zonas obvias y los detalles por pixel.

Adios y srte
nosabernada · · Solicitar retirada
juank114 escribió:gracias, probare aumentadole a height

Hola,

cuando lo tengas nos avisas!!! para ver si te a servido vale?¿

Adios y suerte!