Entrar

problema con en firefox

alegna89 · · Solicitar retirada
hola! tengo un problema con mi web. La tengo toda ya casi rematada, el problema es q al subirla se ve bien en explorer, pero en firefox m da problemas. El menú superior se ha desconfigurado por completo. También la cabecera y el pie de página.....
por qué pasa esto??
y lo que es más importante....cómo lo soluciono?????
tiene arreglo desde HTML-KIT??
gracias!! :wink:
Barracuda · · Solicitar retirada
estoy casi seguro que tiene arreglo, pero deja el codigo o la direccion de la pagina, que a suertes seguro que no lo solucionamos :lol: :wink:
Barracuda · · Solicitar retirada
veo, que la tienes echa con divs, yo llevo poco en esto y no se si hay algun forma sencilla de arreglarlo, pero yo la crearia con photoshop, o fireworks(yo uso este ultimo) que te crean la pagina con tablas, o si no creala con divs pero solo los elementos indispensables, el menu, el fondo de la cabecera...
alegna89 · · Solicitar retirada
ammm...ya pero si sale bien en explorer...q pasa, q firefox no es compatible con divs???
alegna89 · · Solicitar retirada
además, lo q m sugieres implicaría rehacer toooda la web!! xq no creo q sea compatible con .css
Barracuda · · Solicitar retirada
si es compatible, pero tienen forma distinta de leerlos los navegadores, y si la consiguieses ordenar para que se viese bien en todos lados, cuando tubieras que actualizarla seria un follon. Otra cosa esque haya algun metodo de ordenar los divs, pero a mi no me suena que exista.

No tendrias que rehacer toda la web, el contenido seria el mismo :P, de todos modos, podrias estar trabajando en la nueva y dejar esta temporalmente, no tendrias que dejar a tus clientes sin web mientras.

Los estilos (css) son cosa aparte funcionan con todo, eso si los estilos que definen divs que pudieras pasar a codigo html sin divs, o a imagenes(si lo haces con photoshop) loggicamente no servirian de nada, pero tampoco molestarian.

Yo te recomendaria hacer la cabezera con photoshop(o fireworks que es mas sencillo), el menu lo dejaria en un div, el contenido en html puro y duro, y los bajos otro div.

y edito, si quieres tambien podrias poner 3divs para hacer el fondo
reymolina123 · · Solicitar retirada
antes de todo as un respaldo de tui index y tu css

aora suplantalos por estos codigo que te doy

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

<html>
<head>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">

<title>CENTRO DE TERAPIAS NATURALES AMT</title>
</head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<body>

<div id="global">
		 
		 <div id="curva-superior"></div>
		 <div id="cabecera">
  	 			<div id="logotipo">
							 <a href="index.html">
							 		[img]objetos/logotipo.jpg[/img]
							 </a>
		   </div>
  				<div id="publicidad">CENTRO DE TERAPIAS NATURALES</div>
					<div id="titulo"> AMT</div>
		 </div>
		 
		 
		 <div id="navegacion">
  	 			
		 
<table width="793" height="49" border="1">
  <tr>
    <td width="109" height="18"><div id="rojo">
      <div align="center">[url="index.html"]Inicio[/url]</div>
    </div></td>
    <td width="109"><div id="naranja">
      <div align="center">[url="terapias/introduccion.html"]Terapias[/url]</div>
    </div></td>
    <td width="109"><div id="amarillo">
      <div align="center">[url="herbolario/introduccion.html"]Herbolario[/url]</div>
    </div></td>
    <td width="109"><div id="verde">
      <div align="center">[url="cursos/introduccion.html"]Talleres[/url]</div>
    </div></td>
    <td width="109"><div id="azul">
      <div align="center">[url="nosotros/introduccion.html"]Nosotros[/url]</div>
    </div></td>
    <td width="109"><div id="cian">
      <div align="center">[url="preguntas/introduccion.html"]Preguntas[/url]</div>
    </div></td>
    <td width="106"><div id="violeta">
      <div align="center">[url="galeria/fachada.htm"]Galeria[/url]</div>
    </div></td>
  </tr>
</table>
</div>
		 <div id="contenido">
		 			
		 
		 			
		 			<!--<div id="menu">
							 <ul>
							 		<h1>Título de Sección 1</h1>
                  [*][url="#"]Elemento 1[/url][*][url="#"]Elemento 2[/url][*][url="#"]Elemento 3[/url][*][url="#"]Elemento 4[/url][/list]
					</div>
					 
					
				
					<div id="parrafo">
							 <h1>Terapias Naturales para una vida más saludable</h1>

							<!-- <h2>En el Centro de Terapias Naturales AMT basamos nuestro trabajo en 
								la Salud Integral.</h2> -->
					</div>
					
					
							 <h2> >>>  Ponemos a tu servicio más de 25 años de
							  experiencia en este campo </h2>
					
					<div id="textoPrincipal">
					
					
							 

Trabajamos con Terapias absolutamente indoloras que producen 
							cambios profundos en la evolución de las enfermedades. </p>
				
					
					
					


					Con Terapia Sacrocraneal, Naturopatía, Homeopatía, Liberación 
								 Somatoemocional, Reflexología podal y auricular, conseguimos 
								 tratar con éxito enfermedades como Fibromialgia, Ansiedad, 
								 Depresión, Dolores articulares, Lumbalgia, Ciática, y otras.
					</p>
					
					
			</div>
					
				<div id="imagenPrincipal">
							 		[img]objetos/especialidades.jpg[/img]
							 </a>
				</div> 
				
				<div id="textoPrincipal">
						
					<div id="frase">
					¡¡¡ ENTRA Y CONÓCENOS !!!
					</div>
							
			 </div>
					
				<div id="imagenPrincipal">
							 		[img]objetos/entrar.jpg[/img]
							 </a>
				</div> 
				
				
<!--
				 <h2>En el Centro de Terapias Naturales AMT basamos nuestro trabajo en 
								la Salud Integral.</h2> -->
				
		 </div>
		 
		 
		 
		 <div id="pie">
  	 			
  						 

c/ Montero 42</p>
							 

28932 Móstoles Madrid</p>
							 

Teléfono: 91 664 26 50</p>
							 
				
  				
		 </div>
		 
		 <div id="curva-inferior"></div>
</div>

</body>
</html>


aora tu estilos

estilos.css

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px; font-family: garamond}

p {text-align: justify}

h1 {font-size: 1.2em; color:#FF1493 ; font-weight: bold ; text-decoration: underline ;
    text-align: center; margin-bottom: 10px; margin-left: 50px;}
		
h2 {font.size: 0.9em; color:#A020F0 ; font-weight: bold ; text-decoration: none ; 
    text-align: center; margin-left: 50px; margin-bottom: 10px}
		
h3 {font.size: 0.9em; color:black ; font-weight: bold ; text-decoration: none ; 
   margin-bottom: 10px;margin-left: 30px;}		
		
body        {text-align: center }

#global     {width:800px ; margin:4px auto }

#publicidad {font-size:25px; color: #B452CD; width:508px ; float:right ;
						 margin-top:80px}
						 
#titulo {font-size:35px; color: purple; margin-bottom: 25px}

#flecha {font-size:25px; color: #B452CD; width:30px; float:left ;
						 margin-top:10px; padding-left:20px}
#textoImagen{font.size:1.2em; color: #DA70D6; width:450px ; float:right ;
						 margin: 10px 50px 10px 0px; text-align: center}
						 
#curva-superior { background-image: url(file:///C|/Documents and Settings/servidor/Configuración local/Archivos temporales de Internet/Content.IE5/RZT3J94W/objetos/curva-superior.gif); 
                  background-repeat: no-repeat ;
                  width: 1200px ;
                  height:12px ;
                  overflow: hidden }
									
#cabecera   {background-color: blue ;background-image: url(file:///C|/Documents and Settings/servidor/Configuración local/Archivos temporales de Internet/Content.IE5/RZT3J94W/objetos/azu12.jpg); 
							background-position: center center ;
							 height:100%; border-left: black 1px solid ;
             border-right: black 1px solid ; height:85px; border-top: black 1px solid}
						 
#logotipo   {width:270px ; float:left; margin-top: 10px; margin-left: 10px }

#foto {margin-top: 10px}

#minifoto {margin-top: 5px; margin-left: 10px}

#navegacion {color: black;background-color: silver ; border: black 1px solid  ; height:auto}
#navegacion li {float:left ; list-style:none }
#navegacion ul { margin-left: 0px }

#rojo {background-color: red; border right: black 1px solid; float:left ;width:110px}
#naranja {background-color: orange; border right: black 1px solid;float:left ;width:110px}
#amarillo {background-color: yellow; border right: black 1px solid;float:left ;width:110px}
#verde {background-color: green; border right: black 1px solid;float:left ;width:110px}
#azul {background-color: #00FFFF; border right: black 1px solid;float:left ;width:110px}
#cian {background-color: blue; border right: black 1px solid;float:left ;width:110px}
#violeta {background-color: #A020F0;border right: black 1px solid;float:right ;width:110px}

#navegacion a         {color: black; text-decoration:none ; display: block}
#navegacion a:link    {}
#navegacion a:visited {}
#navegacion a:hover   {color:black ; text-decoration:underline;background-color: #FFFFE0}
#navegacion a:active  {color:black}

#rojo a         {color: black; text-decoration:none ; display: block}
#rojo a:link    {}
#rojo a:visited {}
#rojo a:hover   {color:black ; text-decoration:underline;background-color: #FFB6C1}
#rojo a:active  {color:black}

#naranja a         {color: black; text-decoration:none ; display: block}
#naranja a:link    {}
#naranja a:visited {}
#naranja a:hover   {color:black ; text-decoration:underline;background-color: #FFD39B}
#naranja a:active  {color:black}

#amarillo a         {color: black; text-decoration:none ; display: block}
#amarillo a:link    {}
#amarillo a:visited {}
#amarillo a:hover   {color:black ; text-decoration:underline;background-color: #FFFFE0}
#amarillo a:active  {color:black}

#verde a         {color: black; text-decoration:none ; display: block}
#verde a:link    {}
#verde a:visited {}
#verde a:hover   {color:black ; text-decoration:underline;background-color: #CAFF70}
#verde a:active  {color:black}

#azul a         {color: black; text-decoration:none ; display: block}
#azul a:link    {}
#azul a:visited {}
#azul a:hover   {color:black ; text-decoration:underline;background-color: #C6E2FF}
#azul a:active  {color:black}

#cian a         {color: black; text-decoration:none ; display: block}
#cian a:link    {}
#cian a:visited {}
#cian a:hover   {color:black ; text-decoration:underline;background-color: #6CA6CD}
#cian a:active  {color:black}

#violeta a         {color: black; text-decoration:none ; display: block}
#violeta a:link    {}
#violeta a:visited {}
#violeta a:hover   {color:black ; text-decoration:underline;background-color: #EEAEEE}
#violeta a:active  {color:black}


#fondo {background-image: url(file:///C|/Documents and Settings/servidor/Configuración local/Archivos temporales de Internet/Content.IE5/RZT3J94W/objetos/azu01.jpg); 
                  background-repeat: no-repeat ;
                  width: 1200px ;
                  height:100% ;
                  overflow: hidden }
									
#contenido  { background-color: #BBFFFF;background-image: url(file:///C|/Documents and Settings/servidor/Configuración local/Archivos temporales de Internet/Content.IE5/RZT3J94W/objetos/azu01.jpg); 
							background-position: center center ;
							 height:100%;
						  border-left: black 1px solid; 
						  border-right: black 1px solid;
              border-top: black 1px solid; padding-bottom: 5px}
						 
# contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}

#menu2 			{width: 150px ; float:left ; 
             text-align:left ; margin: 3px 10px 3px 3px ;
						 background-position: bottom ;
						 padding-bottom:5px}			
#menu2 li    {list-style:none ; margin: 4px 8px 4px 8px }
#menu2 h1 {text-decoration:none;
				  font-size:12px;
					padding-top:12px}

#menu       {width: 150px ; float:left ; 
             text-align:left ; margin: 3px 10px 3px 3px ;
						 background-image: url(file:///C|/Documents and Settings/servidor/Configuración local/Archivos temporales de Internet/Content.IE5/RZT3J94W/objetos/menuinf.gif);
						 background-position: bottom ;
						 padding-bottom:5px}		 
#menu li    {list-style:none ; margin: 4px 8px 4px 8px }
#menu h1 {text-decoration:none;
				  font-size:12px;
					background-image: url(file:///C|/Documents and Settings/servidor/Configuración local/Archivos temporales de Internet/Content.IE5/RZT3J94W/objetos/menu-parte-superior.gif);
					padding-top:12px}

#parrafosSolos {padding: 30px 10px 10px 30px}
#parrafosSolos h2 {font.size: 0.9em; color:#6A5ACD ; text-decoration: none ; 
    text-align: center; margin-left: 50px; margin-bottom: 10px; margin-top: 0px}

#destaca {font.size:1.5em; color:#C71585; font-weight: bold;margin-top:5px; margin-bottom:5px}
	
#parrafo {margin: 10px 0px 10px 50px}

#ultimo-parrafo {padding-bottom:20px;padding-left:40px; margin-left: 20px;margin-right: 10px}

#pie     {background-color: silver; border-left:  black 1px solid ; 
				  border-right: black 1px solid ; 
          border-top:   black 1px solid ; height: 65px ; 
					padding-left: 325 px; padding-top: 10 px; padding-bottom: 10px}
#pie li  {list-style: none ;font-size: 12px }
#pieuno  {float:left ; width:150px }
#piedos  {float:left ; width:498px }
#pietres {float:right ; width:150px }


#curva-inferior { background-image: url(file:///C|/Documents and Settings/servidor/Configuración local/Archivos temporales de Internet/Content.IE5/RZT3J94W/objetos/curva-inferior.gif); 
                  background-repeat: no-repeat ;
                  width: 1200px ;
                  height:12px ;
                  overflow: hidden }
									
a         {color: brown ; text-decoration:none ; display: block }
a:link    {}
a:visited {}
a:hover   {color:red ; text-decoration:underline ; background-color: #AFEEEE}
a:active  {}

#pie a         {color: brown; text-decoration:none ; display: block; background-color: silver}
#pie a:link    {}
#pie a:visited {}
#pie a:hover   {color:red ; text-decoration:underline ; background-color: silver }
#pie a:active  {color:blue}

#logotipo a         {}
#logotipo a:link    {}
#logotipo a:visited {}
#logotipo a:hover   {background-color: black }
#logotipo a:active  {}

#ultimo-parrafo a {color: #EE1289}
#ultimo-parrafo a:link    {}
#ultimo-parrafo a:visited {}
#ultimo-parrafo a:hover   {background-color: #FFBBFF }
#ultimo-parrafo a:active  {}

#mail a         {}
#mail a:link    {}
#mail a:visited {}
#mail a:hover   {width:32px }
#mail a:active  {}

#textoPrincipal {font-size:1em; color: #4682B4; width:308px ; float:right ;
						 margin-top:50px;padding-right: 20px;font-family:arial black}
						 

#imagenPrincipal {font-size:25px; color: #B452CD; width:300px ; float:left ;
						 margin-top:20px; padding-left: 20px}
						 
#frase {margin: 200px 100px 0px 100px;font-size:1.2em; font-weight: bold ;color: #FF1493;}

#textoPrincipal p {margin-top:20px;margin-left: 60px;font-size:1em}

#textoPrincipal a         {color: #4682B4; text-decoration:none ; display: block}
#textoPrincipal a:link    {}
#textoPrincipal a:visited {}
#textoPrincipal a:hover   {color:black ; text-decoration:underline;background-color:#C6E2FF}
#textoPrincipala:active  {color:black}


repito antes has un respaldo una copia de seguridad por si el resultado no es el que quieres

espero se solucione tu problema
reymolina123 · · Solicitar retirada
o en su efecto los unicos cambio que realise fuero suplantar tus codigos que no queria liar con ellos y poner algo ms facil y con bencional

si mal no recuerdo solo te queda jugar un poquito con los css para darle un tamaño considerable o adaptable al de tu web

hablo de los id de colores y el id de navegacion de ai para aya esta chupado :P


solo para efectos de prueba y para ayudarte me tome la libertad de poner tu plantilla en mi hosting estara mas omenos media ora para darte chanse que mires el resultado nada mas

de ai lo quitarey espero aberte ayudado

la puede ver aqui como te decia tienes que jugar con los css para las cuetion de div de navegacion y de logotipo aora mismo no se ya que me cance de mirar tu codigo pero seguro que tu ya sabrasb que hacer con eso pues la pagina es tuya y sabes como cambiar las cosas mas rapidin

la direccion es esta

http://www.kingonlinegame.com/prueba.html