Foros del Web » Programando para Internet » Jquery »

Galerías jquery solo se visualizan bien en firefox

Estas en el tema de Galerías jquery solo se visualizan bien en firefox en el foro de Jquery en Foros del Web. Hola a todos, en una página que estoy haciendo incluí un menú acordeón y un banner, ambos jquery, el problema es que solo se visualizan ...
  #1 (permalink)  
Antiguo 08/02/2011, 05:38
Avatar de Gato_preto  
Fecha de Ingreso: julio-2009
Ubicación: Madrid
Mensajes: 20
Antigüedad: 15 años, 5 meses
Puntos: 0
Galerías jquery solo se visualizan bien en firefox

Hola a todos, en una página que estoy haciendo incluí un menú acordeón y un banner, ambos jquery, el problema es que solo se visualizan bien en Firefox, en los otros navegadores: Opera, Chrome e IE9 solo se visualiza bien el menú acordeón, el banner se ve mal, una foto debajo de otra, en columna. Dejo el código para que le echen un vistazo ya que no logro saber a que se debe.
Código HTML:
 <!-- INICIO SCRIPTS DE CSS -->
	<link rel="stylesheet" href="css/inicio.css" type="text/css" />
             <style type="text/css">
                .slideshow { height: 232px; width: 232px; margin: auto }
                .slideshow img { padding: 15px; border: 1px solid #ccc; background-color: #eee; }
             </style>	
	
	<!-- FIM DE SCRIPTS DE CSS -->
	
	<!-- INICIO SCRIPTS DE JS -->
	<script type="text/javascript" charset="utf-8"></script>
	
	<!-- FIM SCRIPTS DE JS -->
	
	<!-- INICIO DE SCRIPTS DE JQUERY -->
	<script src="/lib/jquery/jquery.anchor.js" type="text/javascript"></script>
	<script src="/lib/jquery/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="/lib/jquery/menu_jquery.js" type="text/javascript"></script>
	<script src="/lib/jquery/jquery.cycle.all.js" type="text/javascript" ></script>
	<script type="text/javascript" charset="utf-8"></script>
	<!-- FIM DE SCRIPTS DE JQUERY -->
	
	<!-- OTROS SCRIPTS -->
	
	<script type="text/javascript">
$(document).ready(function() {
    $('.slideshow').cycle({
		fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});
});
</script> 
CSS

Código CSS:
Ver original
  1. * {
  2.     margin: 0;
  3.     padding: 0;
  4. }
  5.  
  6. body {
  7.     font: 12px Arial, Helvetica, sans-serif;
  8.     color: #000000;
  9.     background-color: #B3A080;
  10. }
  11.  
  12. #wrap {
  13.     margin: 0 auto;
  14.     padding: 0;
  15. }
  16.  
  17. #topo {
  18.     background-image: url(/images/fd_body.png);
  19.     background-repeat: repeat-x;
  20.     /* background-color: #CCCCCC; */
  21.     height: 80px;
  22. }
  23.  
  24. #logo1 {
  25.     width: 132px;
  26.     height: 50px;
  27.     background-image: url(/images/logo_hairshine.png);
  28.     float: left;
  29.     margin-top: -112px;
  30.     margin-left: 26px;
  31. }
  32.  
  33. #slogan {
  34.     color:#8E9195;
  35.     font-family:Verdana;
  36.     font-size:20px;
  37.     margin-top: 15px;
  38.     margin-left: 156px;
  39.     width: 600px;
  40. }
  41.  
  42. /* Menu Top - Inicio */
  43. /* #menu {
  44.     width: 100%;
  45.     height: 37px;
  46.     background-color: #B3A080;
  47.     margin-left:-144px;
  48. }*/
  49.  
  50. #menu {
  51.     float: left;
  52.     display: block;
  53.     height: 40px;
  54.     width: 1000px;
  55.     background-color: #B3A080;
  56.     margin-left:-30px;
  57.     margin-top:-41px;
  58. }
  59.  
  60. #menu ul {
  61.     float: right;
  62. }
  63. #menu li {
  64.     display: inline;
  65.     height: 40px;
  66.     float: left;
  67. }
  68. #menu li a {
  69.     text-decoration: none;
  70.     color: #67593F;
  71.     font-size: 11px;
  72.     width: 150px;
  73.     display: block;
  74.     background-image: url(/images/fd_topMenu.png);
  75.     background-repeat: no-repeat;
  76.     background-position: center top;
  77.     height: 32px;
  78.     float: left;
  79.     line-height: 19px;
  80.     text-align: center;
  81.     margin-left: -13px;
  82. }
  83. #menu li a:hover {
  84.     color: #897754;
  85.     background-image: url(/images/fd_topMenuo.png);
  86.     background-repeat: no-repeat;
  87.     background-position: center top;
  88.    
  89. }
  90. /* Menu Top - Fim */
  91. #content {
  92.     width: 970px;
  93.     margin: 0 auto;
  94. }
  95.  
  96. #slide {
  97.     background-image: url(/images/bnBot.png);
  98.     background-repeat: no-repeat;
  99.     width: 970px;
  100.     height: 310px;
  101.     background-color: #ffffff;
  102.     /* margin: 0 auto; */
  103.     margin-top:41px;
  104.     margin-left:0px;
  105. }
  106.  
  107. #conteudo {
  108.     width: 898px;
  109.     margin: 0 auto;
  110. }
  111. /* INICIO RODAPÉ */
  112. /* #rodape {
  113.     height: 120px;
  114.     background-color: #FF00FF;
  115. }*/
  116.  
  117. #rodape {
  118.     height: 100px;
  119.     margin-top: 364px;
  120.     clear: both;
  121.     width: 800px;
  122.     margin-right: 0px;
  123.     margin-bottom: 20px;
  124.     margin-left: -38px;
  125.     background-image: url(/images/fd_rodape.jpg);
  126.     background-repeat: no-repeat;
  127.     background-position: center center;
  128.     padding-left: 170px;
  129. }
  130. #rodape p {
  131.     font-size: 0.6em;
  132.     color: #666666;
  133.     margin-left: 5px;
  134. }
  135. #rodape a {
  136.     color: #8C7955;
  137.     text-decoration: none;
  138. }
  139. #rodape a:hover {
  140.     color: #333333;
  141. }
  142. .boxRoda {
  143.     width: 360px;
  144.     float: left;
  145.     padding: 5px;
  146.     margin-top: 20px;
  147.     border-left-width: 1px;
  148.     border-left-style: dotted;
  149.     border-left-color: #B3A080;
  150.     height: 50px;
  151. }
  152.  
  153. #logo_rodape {
  154.     width: 152px;
  155.     height:59px;
  156.     margin-top:20px;
  157.     margin-left:-143px;
  158.     background-image: url(/images/logo_152x59.jpg);
  159.     background-repeat: no-repeat;
  160.            
  161. }
  162.  
  163. #_texto_rodape {
  164.     width: 370px;
  165.     height:60px;
  166.     margin-top:-52px;
  167.     margin-left:158px;
  168.     color:#8E9195;
  169.     text-align:center;
  170. }
  171. /* FIM RODAPÉ */
  172.  
  173.  
  174. /*Menu acordeon*/
  175.  
  176.         p a:hover{ color: #2961A9;}
  177.         #menu2{
  178.             -moz-border-radius:5px;
  179.             -webkit-border-radius:5px;
  180.             border-radius:5px;
  181.             -webkit-box-shadow:1px 1px 3px #888;
  182.             -moz-box-shadow:1px 1px 3px #888;
  183.         }
  184.         #menu2 li{border-bottom:1px solid #FFF;}
  185.         #menu2 ul li, #menu2 li:last-child{border:none}
  186.         #menu2 ul li li{padding-left: 40px;}
  187.         a{
  188.             display:block;
  189.             color: #B3A080;/*color letra menu*/
  190.             text-decoration: none;
  191.             font-family:'Helvetica', Arial, sans-serif;
  192.             font-size:11px;
  193.             padding:6px 8px;
  194.         }
  195.         #menu2 a:hover{
  196.             color: #B3A080;/*color de la fuente al pasar el cursor*/
  197.             text-decoration:underline;
  198.             text-shadow:inherit
  199.             -webkit-transition: color 0.2s linear;
  200.         }
  201.         #menu2 ul a{background-color: #DFDFDF;/*color fondo submenu*/
  202.         padding-left:20px;
  203.         color: #848484;
  204.         text-shadow:1px 1px 1px #FFFFFF;
  205.         font-weight:bold;
  206.         }
  207.         #menu2 ul a:hover{
  208.             background-color: #F5F5F5; /*subrrayado de los submenus*/
  209.             color: #848484;
  210.             text-shadow:none;
  211.             -webkit-transition: color, background-color 0.2s linear;
  212.         }
  213.                 #menu3 ul{
  214.             display:block;
  215.             background-color: #E9E9E9;/*color menu principal*/
  216.             margin:0;
  217.             padding:0;
  218.             width:250px;
  219.             list-style:none;
  220.         }
  221.         #menu2 ul{background-color:#DFDFDF;}/*franja separadora del subsubmenu*/
  222.         #menu2 li ul {display:none;}
  223.        
  224.         #contenido {
  225.         float:right;
  226.         padding:5px;
  227.         width:300px;
  228.         position:absolute;
  229.         height:140px;
  230.         top:76px;
  231.         left:450px;
  232.         }
  233.         #menu3 {
  234.     float:left;
  235.     padding:5px;
  236.     width:247px;
  237.     position:absolute;
  238.     height:104px;
  239.     margin-top:394px;
  240.     rigth:500px;
  241.     margin-left: -67px;
  242.         }
  243.        
  244. /*fin menu acordeon*/
  245.  
  246.  /*banner*/
  247.  
  248. .banner_mov {
  249.     width:950px;
  250.     height:290px;
  251.     margin-top:41px;
  252.     margin-left:-400px;
  253. }
  254. /*fin banner*/
Saludos y gracias.

Última edición por Gato_preto; 08/02/2011 a las 10:48 Razón: Falta de información

Etiquetas: firefox, visualizar
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 09:24.