Error con IE

supergirl · #1 (**permalink**) 20/10/2011, 10:22

Hola a tod@s,

acabo de hacer una pagina en html pero me pasa algo bastante raro que no entiendo el porque, os explico realmente la pagina funciona perfectamente y se visualiza perfectamente en firefox, chrome, safari y opera pero por algun motivo extraño el menu de la pagina en Internet Explorer 8 que he probado yo (no he probado versiones anteriores) pero el menu no sale aunque los enlaces estan ahi solo que el texto no se ve y es como si no hubiese un menu.

El codigo html del menu es el siguiente:

Código:

<div id="access">
				<ul>
					<li><a href="#home" class="nav_home nav active">Home</a></li>
					<li><a href="#about" class="nav_about nav">Restaurant</a></li>
					<li><a href="#services" class="nav_services nav">Menus</a></li>
					<li><a href="#contact" class="nav_contact nav">Contact</a></li>
				</ul>
				<div class="clear2"></div>				
			</div><!-- #access -->

Es este un error comun? Tengo que agregar algun tipo de codigo para hacerlo compatible a IE ?

Alguien sabe de alguna solucion?

mil besos y gracias

skiper0125 · #2 (**permalink**) 20/10/2011, 12:21

que versión de css estas utilizando

supergirl · #3 (**permalink**) 20/10/2011, 13:15

Cita:

Iniciado por skiper0125

que versión de css estas utilizando

Hola Skiper0125 antes que nada gracias por responder, te cuento,

la version de css es 3.

mil besos y gracias

ArturoGallegos · #4 (**permalink**) 20/10/2011, 13:52

de entrada no se ve nada raro en ese fragmento de código, se necesitara ver el código CSS que afecta esta sección o mejor aun ver el sitio completo en vivo

skiper0125 · #5 (**permalink**) 20/10/2011, 14:33

Cita:

Iniciado por supergirl

la version de css es 3.

Lo que te recomiendo es que cheques esto, de aqui podrás realizas tus estilos de la forma que sea compatible con todos los navegadores.

http://caniuse.com/#

Saludos

supergirl · #6 (**permalink**) 21/10/2011, 18:25

Hola Skiper0125,

Muchas gracias por el enlace pero no entiendo muy bien como puedo aplicarlo al codigo de mi menu, no hay ningun tipo de codigo que pueda poner para hacerlo compatible en internet explorer? o alguna forma mas sencilla?

mil besos y gracias

ArturoGallegos · #7 (**permalink**) 21/10/2011, 21:20

el problema es con CSS y solo muestras tu HTML, hay ciertas propiedades de CSS3 que tienen su respectivo hack para emularlo en viejas versiones de explorer y hacer que funcione en viejas versiones de otros navegadores.

el link que te proporciono el compañero es solo para que veas que propiedades son compatibles en cada navegador y de allí partas para volver a crear o corregir tu menú

supergirl · #8 (**permalink**) 22/10/2011, 04:08

Vale, ya que el CSS es el problema os mando todo el css para que lo veais tambien es el siguiente:

Código:

body {
	font-size:12px;
	font-family:Arial;
	color:#FFFFFF;
	padding:0;
	margin:0;
	background-color: #0F1110;
}
body,html {
	overflow:hidden;
	width:520px !important; 		
} 
p {
	line-height:20px;
	color:#FFFFFF;
	padding: 5px 0 0 0; margin:0;
}
img { border:0;
}
#container {
	margin:0 auto;
}
a { outline:none; color:#FFFFFF; text-decoration:none
}
a:hover { text-decoration:underline
}
/* Headers */
#header { position:fixed; top:0px; left:0; width:520px; z-index:100; /*background:url(../images/bg.png) repeat-x left top #f6f3ea;*/
}

/* Menu
-------------------------------------------------------------- */
#access_container {
	width:520px;
	margin:0 auto;	
	padding:31px 0 0 0; height:159px;
/*	background:url(../images/header_bg.png) no-repeat center top;*/
}
#access { padding-left:37px
}
#access ul { margin:0; padding:0;
}
#access li { margin:0 11px 0 0; padding:0; float:left; list-style:none;
}
#access a {
	font-size:18px;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	padding:11px 20px;
	float:left;
	line-height:16px;
}
#access a.active, #access a:hover {
	color:#dd100d;
	text-decoration:none !important;
	-moz-border-radius: 7px; /* Firefox */
	-webkit-border-radius: 7px; /* Safari, Chrome */
	-khtml-border-radius: 7px; /* KHTML */
	border-radius: 7px; /* CSS3 */
	-moz-box-shadow:0 0 8px #e4e0d8;
	-webkit-box-shadow:0 0 8px #e4e0d8;
	-khtml-box-shadow:0 0 8px #e4e0d8;
	background-color: #0F1110;
}
#logo { text-align:center; padding-bottom:27px;
}
/* =Content
-------------------------------------------------------------- */

#main {
	clear:both;
}
.card_container {
	width:520px;
	padding:0;
	margin:0px auto;	
}
.clear2 { font-size:0; height:0; clear:both;
}

/* Home */
#home {
	width:520px;
	padding:0;
	padding-top:190px;
	margin:0 auto 19px auto; 	
}
#home p { padding:0 !important; margin:0;
}
#slider {position:relative; width:520px; height:400px; padding:0px; margin-bottom:29px !important;	
}
#slider img {position:absolute; top:0px; left:0px; display:none;
}
#slider a {	border:0; display:block;
}
.nivo-controlNav {position:absolute; bottom:20px; right:200px
}
.nivo-controlNav a {
	display:block;
	width:15px;
	height:15px;
	background:url(../images/bullets.png) no-repeat;
	background-position:0 -15px;
	text-indent:-9999px;
	border:0;
	margin-left:11px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 0;
}
.nivo-directionNav a {
	display:none;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav, a.nivo-prevNav {
	display:none !important;
}
/* About */
#about { padding-bottom:36px;
}
.page_img { padding:0 0 34px 0;
}
.left_img { float:left; padding:0 20px 5px 0;
}
h2 { padding:0px; margin:-5px 0 10px 0; font-size:30px; color:#FFFFFF; font-weight:normal; line-height:28px;
} 

/* Services */
#services { padding-bottom:11px;
}
.menus_title { text-transform:uppercase; padding:7px 0 4px 0;
}
#services p { padding:0 0 4px 0; margin:0;
}

/* Contact */
#contact { padding-bottom:79px;
}
#contact .left { float:left; width:280px;
}
#contact .right { float:right; width:200px; padding-bottom:30px;
}
#contact p { padding:6px 0 20px 0; margin:0;
}

/* Other */

.content {
}
.content_in { padding:0 10px;
}
.clear {float:left;	clear:both;
}
 
.wrap { width:520px; position:relative;
}
.footer {
	/* [disabled]background:url(../images/footer_bg.png) repeat-x left top #FFFFFF; */
	padding-bottom:500px
}
.copyright { 
	font-size:12px;
	color:#FFFFFF;
	width:520px; 
	padding:24px 0;
	/*background:url(../images/copyriht_bg.gif) no-repeat center top #FFFFFF;*/
	margin:0 auto;
	text-align:center;	
}

mil besos y gracias

emprear · #9 (**permalink**) 22/10/2011, 07:13

Tu menu tal cual está y con el css que pasaste, se ve perfectamente en IE9/8/7, salvo por el boxshadow. Si hay algún problema, hay que analizarlo dentro de todo el contexto de tu html y no basta ver sólo el código del menú

supergirl · #10 (**permalink**) 22/10/2011, 08:17

Cita:

Iniciado por emprear

Tu menu tal cual está y con el css que pasaste, se ve perfectamente en IE9/8/7, salvo por el boxshadow. Si hay algún problema, hay que analizarlo dentro de todo el contexto de tu html y no basta ver sólo el código del menú

Hola emprear,

antes que nada gracias por responder, ami en internet explorer 8 o 9 no se me ve, no hay algun tipo de codigo que le pueda agregar? o como lo arreglo?

mil besos y gracias

emprear · #11 (**permalink**) 22/10/2011, 08:21

como ya te explique con los códigos que pasaste si se ve, vos estas probando con ese mismo código, o estas viendo la página completa?
Si es lo último proba solo con el menu y el css para verificar, si lo podés ver, entonces tenés que pasar todo tu html

Saludos

supergirl · #12 (**permalink**) 22/10/2011, 08:28

vale entonces, le quito el shadow box y voy probando en el menu, hasta probarlo.

emprear · #13 (**permalink**) 22/10/2011, 08:31

No....
tenes que aclarar que tenes
Antes o despues de

Código HTML:

Ver original<div id="access">
                <ul>
                    <li><a href="#home" class="nav_home nav active">Home</a></li>
                    <li><a href="#about" class="nav_about nav">Restaurant</a></li>
                    <li><a href="#services" class="nav_services nav">Menus</a></li>
                    <li><a href="#contact" class="nav_contact nav">Contact</a></li>
                </ul>
                <div class="clear2"></div>              
            </div><!-- #access -->

En IE el boxshadow no lo hace, pero el menu se ve perfecto.

supergirl · #14 (**permalink**) 22/10/2011, 09:50

He desabilitado el boxshadow que comentas, y sigo sin ver el menu en internet explorer, inclusive he intentado poner una propiedad para cambiar el texto de color en el html y nada, algun consejo?

mil besos y gracias

supergirl · #15 (**permalink**) 22/10/2011, 10:20

Perdonar mi ignorancia pero estoy un poco perdida con el tema, y no entiendo bien la solucion que me dais, alguien podria aconsejarme por favor.

emprear · #16 (**permalink**) 22/10/2011, 12:54

Si, se nota.

En primer lugar lee bien lo que se te plantea, nadie habló de remover el boxshadow,
vos pasaste un código, una parte en html y otra en css, el html es solo un fragmento, supongo que tu página tendrá algo más que un menu.

Hacé esta prueba
crea un html nuevo con el siguiente código

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
      <title>
         titulo
      </title>
      <meta http-equiv="content-type" content="text/html; charset=utf-8" />
      <style type="text/css">
/*<![CDATA[*/
      body {
      font-size:12px;
      font-family:Arial;
      color:#FFFFFF;
      padding:0;
      margin:0;
      background-color: #0F1110;
      }
      body,html {
      overflow:hidden;
      width:520px !important;   
      } 
      p {
      line-height:20px;
      color:#FFFFFF;
      padding: 5px 0 0 0; margin:0;
      }
      img { border:0;
      }
      #container {
      margin:0 auto;
      }
      a { outline:none; color:#FFFFFF; text-decoration:none
      }
      a:hover { text-decoration:underline
      }
      /* Headers */
      #header { position:fixed; top:0px; left:0; width:520px; z-index:100; /*background:url(../images/bg.png) repeat-x left top #f6f3ea;*/
      }
      /* Menu
      -------------------------------------------------------------- */
      #access_container {
      width:520px;
      margin:0 auto; 
      padding:31px 0 0 0; height:159px;
      /* background:url(../images/header_bg.png) no-repeat center top;*/
      }
      #access { padding-left:37px
      }
      #access ul { margin:0; padding:0;
      }
      #access li { margin:0 11px 0 0; padding:0; float:left; list-style:none;
      }
      #access a {
      font-size:18px;
      color:#FFFFFF;
      text-decoration:none;
      display:block;
      padding:11px 20px;
      float:left;
      line-height:16px;
      }
      #access a.active, #access a:hover {
      color:#dd100d;
      text-decoration:none !important;
      -moz-border-radius: 7px; /* Firefox */
      -webkit-border-radius: 7px; /* Safari, Chrome */
      -khtml-border-radius: 7px; /* KHTML */
      border-radius: 7px; /* CSS3 */
      -moz-box-shadow:0 0 8px #e4e0d8;
      -webkit-box-shadow:0 0 8px #e4e0d8;
      -khtml-box-shadow:0 0 8px #e4e0d8;
      background-color: #0F1110;
      }
      #logo { text-align:center; padding-bottom:27px;
      }
      /* =Content
      -------------------------------------------------------------- */
      #main {
      clear:both;
      }
      .card_container {
      width:520px;
      padding:0;
      margin:0px auto; 
      }
      .clear2 { font-size:0; height:0; clear:both;
      }
      /* Home */
      #home {
      width:520px;
      padding:0;
      padding-top:190px;
      margin:0 auto 19px auto;  
      }
      #home p { padding:0 !important; margin:0;
      }
      #slider {position:relative; width:520px; height:400px; padding:0px; margin-bottom:29px !important; 
      }
      #slider img {position:absolute; top:0px; left:0px; display:none;
      }
      #slider a { border:0; display:block;
      }
      .nivo-controlNav {position:absolute; bottom:20px; right:200px
      }
      .nivo-controlNav a {
      display:block;
      width:15px;
      height:15px;
      background:url(../images/bullets.png) no-repeat;
      background-position:0 -15px;
      text-indent:-9999px;
      border:0;
      margin-left:11px;
      float:left;
      }
      .nivo-controlNav a.active {
      background-position:0 0;
      }
      .nivo-directionNav a {
      display:none;
      text-indent:-9999px;
      border:0;
      }
      a.nivo-nextNav, a.nivo-prevNav {
      display:none !important;
      }
      /* About */
      #about { padding-bottom:36px;
      }
      .page_img { padding:0 0 34px 0;
      }
      .left_img { float:left; padding:0 20px 5px 0;
      }
      h2 { padding:0px; margin:-5px 0 10px 0; font-size:30px; color:#FFFFFF; font-weight:normal; line-height:28px;
      } 
      /* Services */
      #services { padding-bottom:11px;
      }
      .menus_title { text-transform:uppercase; padding:7px 0 4px 0;
      }
      #services p { padding:0 0 4px 0; margin:0;
      }
      /* Contact */
      #contact { padding-bottom:79px;
      }
      #contact .left { float:left; width:280px;
      }
      #contact .right { float:right; width:200px; padding-bottom:30px;
      }
      #contact p { padding:6px 0 20px 0; margin:0;
      }
      /* Other */
 
      .content {
      }
      .content_in { padding:0 10px;
      }
      .clear {float:left; clear:both;
      }
      .wrap { width:520px; position:relative;
      }
      .footer {
      /* [disabled]background:url(../images/footer_bg.png) repeat-x left top #FFFFFF; */
      padding-bottom:500px
      }
      .copyright { 
      font-size:12px;
      color:#FFFFFF;
      width:520px; 
      padding:24px 0;
      /*background:url(../images/copyriht_bg.gif) no-repeat center top #FFFFFF;*/
      margin:0 auto;
      text-align:center; 
      }
      /*]]>*/
      </style>
   </head>
   <body>
      <div id="access">
         <ul>
            <li>
               <a href="#home" class="nav_home nav active">Home</a>
            </li>
            <li>
               <a href="#about" class="nav_about nav">Restaurant</a>
            </li>
            <li>
 
               <a href="#services" class="nav_services nav">Menus</a>
            </li>
            <li>
               <a href="#contact" class="nav_contact nav">Contact</a>
            </li>
         </ul>
         <div class="clear2"></div>
      </div><!-- #access -->
   </body>
</html>

después visualizalo con Firefox e IE (8,9,7, el que sea, y decinos que ves

Saludos

supergirl · #17 (**permalink**) 22/10/2011, 13:48

Hola Emprear,

antes que nada gracias por tu ayuda, ya que me siento super perdida con el tema, te cuento que he probado el html que publicaste en Chrome, Safari, Opera, Firefox e Internet Explorer 9 y ahora funciona en todos perfectamente la unica diferencia es que en Opera y IE9 no sale el efecto de la caja con sombra pero va perfecto es justamente lo que necesitaba. Que hiciste ? no entiendo nada? Ahora ese codigo lo implemento a mi html y listo? tengo que editar algo en el css?

Gracias y mil besos

emprear · #18 (**permalink**) 22/10/2011, 14:35

supergirl:

ese código. es TU código, puesto en un archivo único, la caja con la sombra no la ves porque justamente IE no reconoce box-shadow (pero sería lo de menos) en cuanto a Opera si la reconoce, solo te olvisate de poner
box-shadow:0 0 8px #e4e0d8; en tu css, es mas podes sacar
-moz-border-radius: 7px; /* Firefox */
-webkit-border-radius: 7px; /* Safari, Chrome */
FF, Chrome y safari en sus ultimas versiones ya no necesitan, el khtml es para konqueror, un navegador que algunos usuarios de linux usan todavia.

Como sea, si ponés el menu y el css en tu página y no se vé, es porque en alguna parte del resto de tu código, que aún no conocemos, se produce algún conflicto, algna etiqueta mal cerrada probablemente.

y un detalle, para que el efecto de sonbra no se corte deberias darle a tu div #access un alto mayor, o reducir el tamaño de las fuentes del menu, una cosa asi

Código CSS:

Ver original#access { padding-left:37px; height: 40px;margin-top: 20px;
      }
      #access ul { margin:0; padding:0;
      }
      #access li { margin:0 11px 0 0; padding:0; float:left; list-style:none;
      }
      #access a {
      font-size:16px;
      color:#FFFFFF;
      text-decoration:none;
      display:block;
      padding:5px 20px;
      float:left;
      line-height:16px;
      }

Saludos

supergirl · #19 (**permalink**) 22/10/2011, 15:15

Vale pues mira aqui esta todo el codigo HTML de la pagina, a ver si podeis encontrar el fallo q yo no veo:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Ristorante Carpaccio Puerto Banus</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="http://www.misitio.com/styles/style.css" />
<link rel="stylesheet" href="styles/nivo-slider.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://www.misitio.com/js/jquery.min.js"></script>
<script type="text/javascript" src="http://www.misitio.com/js/script.js"></script>
<script src="http://www.misitio.com/js/cufon-yui.js" type="text/javascript"></script>
<script src="http://www.misitio.com/js/CafeDream_300.font.js" type="text/javascript"></script>
<script type="text/javascript">
	Cufon.replace('#access a', { fontFamily: 'CafeDream', hover: {
      'color': '#6b0d21'}});
	Cufon.replace('h2', { fontFamily: 'CafeDream'});
</script>
<script src="http://www.misitio.com/js/jquery.nivo.slider.pack.js" type="text/javascript"></script>
</head>
<body id="top">
<div id="container">	
	<div id="header">										
		<div id="access_container">	
			<div id="logo"><a id="back_to_top" class="nav" href="#home"><img src="http://www.misitio.com/images/logo.png" width="250" height="71" alt="" /></a></div>
			<div id="access" style="color:#FF3">
				<ul>
					<li><a href="#home" class="nav_home nav active">Home</a></li>
					<li><a href="#about" class="nav_about nav">Restaurant</a></li>
					<li><a href="#services" class="nav_services nav">Menus</a></li>
					<li><a href="#contact" class="nav_contact nav">Contact</a></li>
				</ul>
				<div class="clear2"></div>				
			</div><!-- #access -->
		</div>
	</div><!-- #header -->
		
	<div id="main">
		
		<div class="wrap">
			<div id="home" class="content">			
				<div id="slider">			
					<img src="http://www.misitio.com/images/home1.jpg" width="520" height="400" alt="" />
					<img src="http://www.misitio.com/images/home2.jpg" width="520" height="400" alt="" />
					<img src="http://www.misitio.com/images/home3.jpg" width="520" height="400" alt="" />
					<img src="http://www.misitio.com/images/home4.jpg" width="520" height="400" alt="" />
					<img src="http://www.misitio.com/images/home5.jpg" width="520" height="400" alt="" />
				</div>
               <div class="content_in">
                    <h2>Welcome</h2>
                     <p>To our great restaurant that provides you the perfect italian experience.</p>
                </div>
			</div>
			<div class="footer">
				<div class="copyright">&copy; 2011 Restaurante Italiano. All rights reserved.</div>
			</div>
		</div>
		
		<div class="wrap">
			<div id="about" class="card_container content">
				<img src="http://www.misitio.com/images/restaurant.jpg" class="page_img" width="520" height="163" alt="" />
				<div class="content_in">
                    <h2>Restaurant</h2>
                    <img src="http://www.misitio.com/images/img1.jpg" class="left_img" width="150" height="150" alt="" />
                    
                    <p>High level in italian and international cusine.</p><br />
                    
                     
                    <div class="clear2"></div>	
                 </div>		
			</div>
			<div class="footer">
				<div class="copyright">&copy; 2011 Restaurante Italiano. All rights reserved.</div>
			</div>			 
		</div>
		
		<div class="wrap">
			<div id="services" class="card_container content">		
				<img src="http://www.misitio.com/images/menus.jpg" class="page_img" width="520" height="163" alt="" />
                 <div class="content_in">
                    <h2>Menus</h2>
                    <img src="http://www.misitio.com/images/img2.jpg" class="left_img" width="150" height="150" alt="" />
                    <div class="menus_title">Lunch</div>
                    <p>Description of Lunch</p>
                    <br /><br /><br />
                    <div class="menus_title">Dinner</div>
                    <p>Description of Dinner</p>				
                    <div class="clear2"></div>	
                  </div>
			</div>
			<div class="footer">
				<div class="copyright">&copy; 2011 Restaurante Italiano. All rights reserved.</div>
			</div>				 
		</div>
		
		
		<div class="wrap">
			<div id="contact" class="card_container content">
				<img src="http://www.misitio.com/images/contacts.jpg" class="page_img" width="520" height="163" alt="" />
                 <div class="content_in">
                    <h2>Contact</h2>
                    <div class="left">
                        <p></p>
                        <p>	C/ XXXXX, 20000 Madrid, Spain<br />
                        Opening Hours: Mon to Sun 12:00pm to 12:00am<br />
                        Telephone: +34 XXX XXXX<br />
                        E-mail: <a href="mailto:[email protected]">[email protected]</a></p>
                        <br /><br /><br />
                        <a href="http://maps.google.es/maps/place?q=+ristorante+italiano&hl=es&cid=1164968831897316786" target="_blank"><img src="http://www.misitio.com/images/map.jpg" width="400" height="190" alt="find us on the map" /></a>
                    </div>
                  <div class="right">
                   </div>
                    <div class="clear2"></div>
              </div>
			</div>
			<div class="footer">
				<div class="copyright"></div>
			</div>			 
		</div>		

	</div><!-- #main -->
</div><!-- #container --></div>
	<script type="text/javascript">
		$(window).load(function() {
			$('#slider').nivoSlider({
				effect:'fade'
			});
		});
	</script>
</body>
</html>

Ese es el codigo entero, solo he remplazado los datos privados, el codigo es el mismo, ahora que lo veis entero, avisarme si veis el fallo,

mil besos y gracias

emprear · #20 (**permalink**) 22/10/2011, 15:32

Amiga, al parecer si tienes una confusión..
dudo mucho que tu sitio lleve por dominio
http://www.misitio.com/

estas apuntando a numerosas scripts que no existen, ni siquiera tu archivo de estilos
http://www.misitio.com/styles/style.css ...

supongo que estas usando una especie de plantilla.
De todas maneras lo más probable sea que el uso de cufon te este bloqueando el menu en IE, ya que no toma las fuentes, yo siempre aconsejo el uso de fontface en lugar de cufón, es mucho menos complicado

Ahora decime, en ese código completo que pasaste... dónde estan tus esilos?

hacé lo siguiente, al código que pasaste sacale

Código HTML:

Ver original<script src="http://www.misitio.com/js/cufon-yui.js" type="text/javascript"></script>
<script src="http://www.misitio.com/js/CafeDream_300.font.js" type="text/javascript"></script>
<script type="text/javascript">
    Cufon.replace('#access a', { fontFamily: 'CafeDream', hover: {
      'color': '#6b0d21'}});
    Cufon.replace('h2', { fontFamily: 'CafeDream'});
</script>

y agregale tus estilos dentro del head, a ver que se vé.
y revisa ese tema delas rutas a tus scritps, css, imágenes y demás

Saludos

supergirl · #21 (**permalink**) 23/10/2011, 08:22

Hola Emprear,

me pasa una cosa curiosa con tu consejo, para empezar no te preocupes por las url apuntando a misitio.com, ya que puse eso para proteger la privacidad de mi cliente, pero realmente esas rutas estan puestas con URL porque es una pagina web de facebook que esta metida en un iframe.

Te cuento he quitado el script the cufon y la cosa interesante es que cuando cargo la pagina en un servidor normal se carga el menu perfectamente y el menu va perfectamente, pero al cargarlo en el iframe y verlo desde facebook como pagina web (fan page) de facebook carga el menu por un solo segundo y despues desaparece, no le encuentro el sentido. Tiene algo que ver que este metido en un iframe?

mil besos y gracias

emprear · #22 (**permalink**) 23/10/2011, 12:32

A decir verdad no tengo mucha idea de como trabaja facebook, lo que si te puedo decir es que el hecho de que esté en un iframe no debería alterarlo

Saludos

supergirl · #23 (**permalink**) 23/10/2011, 13:49

Entonces cual puede ser el problema? Ves alguna otra propiedad que IE no lea?

mil besos y gracias

codeman1234 · #24 (**permalink**) 23/10/2011, 18:09

Hola Supergirl,

yo pienso igual el iframe no deberia afectar el menu seguramente es lo que tu dices una propiedad que no lee IE intenta cargar el css del mismo html ademas del archivo a ver si eso funciona.

Slds

supergirl · #25 (**permalink**) 24/10/2011, 16:46

Hola chicos,

estado leyendo un poco y veo que muchas webs estan poniendo ifs para el IE, lo que por ejemplo el de abajo:





lo que haria es crear dos css uno para IE y otro para los demas navegadores, si ese fuese el caso que funciones deberia sacar de mi css actual para el IE?

Alguna idea?

mil besos y gracias

supergirl · #26 (**permalink**) 24/10/2011, 19:31

Bueno solo queria daros las gracias a todos, especialmente a emprear por su gran ayuda, ya que resolvi el problema gracias a el y si era el script de cufon, asi que puse un if como menciono antes diciendo que si es IE que no lo cargue sino si y funciona de las mil maravillas.

Muchas gracias a todos!!! Mil besitos!!!

emprear · #27 (**permalink**) 24/10/2011, 19:37

Me alegro que lo hayas solucionado, y para usar fuentes personalizadas....
fontface, te va a funcionar sin problemas en todos los navegadores, y a mi entender es más fácil de implementar

saludos

supergirl · #28 (**permalink**) 27/10/2011, 08:58

Gracias emprear,

de verdad eres un sol, aprendo muchisimo contigo.

besitos