Foros del Web » Creando para Internet » CSS »

Problemas con IE, no se ven fondos y se cae el menú

Estas en el tema de Problemas con IE, no se ven fondos y se cae el menú en el foro de CSS en Foros del Web. Hola amigos, tengo un problema con éste sitio, en firefox, y google chrome, se ve bien en IE 7, sin actualizar, se ve mal, pierde ...
  #1 (permalink)  
Antiguo 14/02/2011, 17:36
Avatar de rw523252  
Fecha de Ingreso: julio-2009
Mensajes: 122
Antigüedad: 8 años, 4 meses
Puntos: 5
Problemas con IE, no se ven fondos y se cae el menú

Hola amigos, tengo un problema con éste sitio, en firefox, y google chrome, se ve bien en IE 7, sin actualizar, se ve mal, pierde el fondo, y se cae el menú a la derecha, quisiera saber si alguien tiene algún hack, no encontré ninguno que se ajuste a esto.
Hace unos días tuve un problema similar, y en el foro me pasaron links, con soluciones, que apliqué en otros sitios y me funcionó bien, pero este sitio, ya me tiene cansado.

el link es:[URL="http://miweb.net84.net/"]http://miweb.net84.net/[/URL]

Espero puedan darme una mano, y desde ya muchas gracias, saludos.
  #2 (permalink)  
Antiguo 15/02/2011, 09:49
Avatar de TEPO  
Fecha de Ingreso: febrero-2010
Mensajes: 235
Antigüedad: 7 años, 10 meses
Puntos: 23
Respuesta: Problemas con IE, no se ven fondos y se cae el menú

Hola, tu tema es un claro problema de maquetacion, podes usar filtros o hacks o podes maquetar bien, pasa tus codigos tanto html como css y te doy una mano.
Saludos.
  #3 (permalink)  
Antiguo 15/02/2011, 10:22
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Problemas con IE, no se ven fondos y se cae el menú

Lo que yo observo es que en el menú le aparece "la escalera letal" (o nombres parecidos) que es un bug de ie, y creo recordar que se evita declarando a los /li/ expresamente /display:inline/
  #4 (permalink)  
Antiguo 15/02/2011, 10:34
Avatar de rw523252  
Fecha de Ingreso: julio-2009
Mensajes: 122
Antigüedad: 8 años, 4 meses
Puntos: 5
Respuesta: Problemas con IE, no se ven fondos y se cae el menú

Gracias Tepo, como hago para enviártelo cuando lo copio entre las etiquetas html me dice lo siguiente:

1. El texto que has ingresado es muy largo (11662 caracteres). Por favor acórtalo a 10000 caracteres de largo.

2.El mensaje que has ingresado es muy corto. Por favor alarga tu mensaje a por lo menos 10 caracteres.

Desde ya muchas gracias, un abrazo.
  #5 (permalink)  
Antiguo 15/02/2011, 10:37
Avatar de rw523252  
Fecha de Ingreso: julio-2009
Mensajes: 122
Antigüedad: 8 años, 4 meses
Puntos: 5
Respuesta: Problemas con IE, no se ven fondos y se cae el menú

gracias kseso?, eso he estado viendo en la web, que en los <li> usan display in line, pero te juro, estoy ya muy cansado, Tepo me pidió que le pase el código, en la respuesta me dice que el mensaje es muy largo, apenas pueda pasárselo lo hago, por que, no se que hacer, gracias y saludos.
  #6 (permalink)  
Antiguo 15/02/2011, 20:34
Avatar de rw523252  
Fecha de Ingreso: julio-2009
Mensajes: 122
Antigüedad: 8 años, 4 meses
Puntos: 5
Respuesta: Problemas con IE, no se ven fondos y se cae el menú

Esta es la primera parte, hasta el slider, osea jquery y html, si sube, ya subo la segunda parte, gracias por darme una mano, saludos.

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>Víctor Raúl Brusa</title>
  5. <link href="estilos.css" rel="stylesheet" type="text/css" />
  6.  
  7. <script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>
  8. <script type="text/javascript" src="js/jquery.scrollTo.js"></script>
  9.  
  10. $(document).ready(function() {
  11.  
  12.     //Speed of the slideshow
  13.     var speed = 5000;
  14.    
  15.     //You have to specify width and height in #slider CSS properties
  16.     //After that, the following script will set the width and height accordingly
  17.     $('#mask-gallery, #gallery li').width($('#slider').width());   
  18.     $('#gallery').width($('#slider').width() * $('#gallery li').length);
  19.     $('#mask-gallery, #gallery li, #mask-excerpt, #excerpt li').height($('#slider').height());
  20.    
  21.     //Assign a timer, so it will run periodically
  22.     var run = setInterval('newsscoller(0)', speed);
  23.    
  24.     $('#gallery li:first, #excerpt li:first').addClass('selected');
  25.  
  26.     //Pause the slidershow with clearInterval
  27.     $('#btn-pause').click(function () {
  28.         clearInterval(run);
  29.         return false;
  30.     });
  31.  
  32.     //Continue the slideshow with setInterval
  33.     $('#btn-play').click(function () {
  34.         run = setInterval('newsscoller(0)', speed);
  35.         return false;
  36.     });
  37.    
  38.     //Next Slide by calling the function
  39.     $('#btn-next').click(function () {
  40.         newsscoller(0);
  41.         return false;
  42.     });
  43.  
  44.     //Previous slide by passing prev=1
  45.     $('#btn-prev').click(function () {
  46.         newsscoller(1);
  47.         return false;
  48.     });
  49.    
  50.     //Mouse over, pause it, on mouse out, resume the slider show
  51.     $('#slider').hover(
  52.    
  53.         function() {
  54.             clearInterval(run);
  55.         },
  56.         function() {
  57.             run = setInterval('newsscoller(0)', speed);
  58.         }
  59.     );  
  60.    
  61. });
  62.  
  63.  
  64. function newsscoller(prev) {
  65.  
  66.     //Get the current selected item (with selected class), if none was found, get the first item
  67.     var current_image = $('#gallery li.selected').length ? $('#gallery li.selected') : $('#gallery li:first');
  68.     var current_excerpt = $('#excerpt li.selected').length ? $('#excerpt li.selected') : $('#excerpt li:first');
  69.  
  70.     //if prev is set to 1 (previous item)
  71.     if (prev) {
  72.        
  73.         //Get previous sibling
  74.         var next_image = (current_image.prev().length) ? current_image.prev() : $('#gallery li:last');
  75.         var next_excerpt = (current_excerpt.prev().length) ? current_excerpt.prev() : $('#excerpt li:last');
  76.    
  77.     //if prev is set to 0 (next item)
  78.     } else {
  79.        
  80.         //Get next sibling
  81.         var next_image = (current_image.next().length) ? current_image.next() : $('#gallery li:first');
  82.         var next_excerpt = (current_excerpt.next().length) ? current_excerpt.next() : $('#excerpt li:first');
  83.     }
  84.  
  85.     //clear the selected class
  86.     $('#excerpt li, #gallery li').removeClass('selected');
  87.    
  88.     //reassign the selected class to current items
  89.     next_image.addClass('selected');
  90.     next_excerpt.addClass('selected');
  91.  
  92.     //Scroll the items
  93.     $('#mask-gallery').scrollTo(next_image, 800);      
  94.     $('#mask-excerpt').scrollTo(next_excerpt, 800);                
  95.    
  96. }
  97. function MM_swapImgRestore() { //v3.0
  98.   var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
  99. }
  100. function MM_preloadImages() { //v3.0
  101.   var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
  102.     var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
  103.    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
  104. }
  105.  
  106. function MM_findObj(n, d) { //v4.01
  107.  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
  108.    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  109.   if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  110.   for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  111.   if(!x && d.getElementById) x=d.getElementById(n); return x;
  112. }
  113.  
  114. function MM_swapImage() { //v3.0
  115.   var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  116.   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
  117. }
  118.  
  119.  
  120.  
  121.  
  122.  
  123. <link href="estilonewsslider.css" rel="stylesheet" type="text/css" />
  124.  
  125. <link href="css/jd.gallery.css" rel="stylesheet" type="text/css" />
  126.  
  127. <link href="css/ReMooz.css" rel="stylesheet" type="text/css" />
  128. </head>
  129.  
  130. <body onload="MM_preloadImages('imagenes/logo_lapaulina.jpg','imagenes/la_piamontesa_hover.jpg','imagenes/natura_hover.jpg','imagenes/aceitera_g_d_hover.jpg')">
  131.  
  132. <div id="contenedor">
  133.  
  134. <div id="blanco">
  135.  
  136. <div id="fotoizq">
  137. </div>
  138.  
  139. <div id="logo">
  140.   <img src="imagenes/logo_cabecera.jpg" width="245" height="81" alt="victor raúl brusa" /></div>
  141.  
  142.  
  143. <div id="espacio">
  144. <h3><em>...treinta años acercando calidad,<br />
  145.   servicio y experiencia...</em></h3>
  146. </div>
  147.  
  148. <div id="fotoder">
  149. </div>
  150.  
  151.  
  152. </div>
  153.  
  154. <div id="botonera">
  155. <ul>
  156. <li><a href="index.html" target="_self">Home</a></li>
  157. <li><a href="quienessomos.html" target="_self">Quienes Somos</a></li>
  158. <li><a href="servicios.html" target="_self">Servicios</a></li>
  159. <li><a href="productos.html" target="_self">Productos</a></li>
  160. <li><a href="formulario.html" target="_self">Contacto</a></li>
  161. <li><a href="http://misitio.vzpla.net/miblog/" target="_blank" class="ultimo" >Blog</a></li>
  162. </ul>
  163.  
  164. </div>
  165.  
  166. <div id="encabezado">
  167.  
  168.  
  169.  
  170. <div id="mijquery">
  171.  
  172. <div id="debug"></div>
  #7 (permalink)  
Antiguo 15/02/2011, 20:37
Avatar de rw523252  
Fecha de Ingreso: julio-2009
Mensajes: 122
Antigüedad: 8 años, 4 meses
Puntos: 5
Respuesta: Problemas con IE, no se ven fondos y se cae el menú

Esta es la primera parte del código del index, el anterior me confundí y subi uno de una prueba del sitio, ya subo la segunda parte les pido disculpas, y realmente gracias. No lo pude editar, por que ya había subido la segunda parte.

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>Víctor Raúl Brusa</title>
  5. <link href="estilos.css" rel="stylesheet" type="text/css" />
  6. <!--[if lt IE 7]>
  7. <script src="/ie7/ie7-standard-p.js" type="text/javascript">
  8. </script>
  9. <![endif]-->
  10. <script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>
  11. <script type="text/javascript" src="js/jquery.scrollTo.js"></script>
  12.  
  13. $(document).ready(function() {
  14.  
  15.     //Speed of the slideshow
  16.     var speed = 5000;
  17.    
  18.     //You have to specify width and height in #slider CSS properties
  19.     //After that, the following script will set the width and height accordingly
  20.     $('#mask-gallery, #gallery li').width($('#slider').width());   
  21.     $('#gallery').width($('#slider').width() * $('#gallery li').length);
  22.     $('#mask-gallery, #gallery li, #mask-excerpt, #excerpt li').height($('#slider').height());
  23.    
  24.     //Assign a timer, so it will run periodically
  25.     var run = setInterval('newsscoller(0)', speed);
  26.    
  27.     $('#gallery li:first, #excerpt li:first').addClass('selected');
  28.  
  29.     //Pause the slidershow with clearInterval
  30.     $('#btn-pause').click(function () {
  31.         clearInterval(run);
  32.         return false;
  33.     });
  34.  
  35.     //Continue the slideshow with setInterval
  36.     $('#btn-play').click(function () {
  37.         run = setInterval('newsscoller(0)', speed);
  38.         return false;
  39.     });
  40.    
  41.     //Next Slide by calling the function
  42.     $('#btn-next').click(function () {
  43.         newsscoller(0);
  44.         return false;
  45.     });
  46.  
  47.     //Previous slide by passing prev=1
  48.     $('#btn-prev').click(function () {
  49.         newsscoller(1);
  50.         return false;
  51.     });
  52.    
  53.     //Mouse over, pause it, on mouse out, resume the slider show
  54.     $('#slider').hover(
  55.    
  56.         function() {
  57.             clearInterval(run);
  58.         },
  59.         function() {
  60.             run = setInterval('newsscoller(0)', speed);
  61.         }
  62.     );  
  63.    
  64. });
  65.  
  66.  
  67. function newsscoller(prev) {
  68.  
  69.     //Get the current selected item (with selected class), if none was found, get the first item
  70.     var current_image = $('#gallery li.selected').length ? $('#gallery li.selected') : $('#gallery li:first');
  71.     var current_excerpt = $('#excerpt li.selected').length ? $('#excerpt li.selected') : $('#excerpt li:first');
  72.  
  73.     //if prev is set to 1 (previous item)
  74.     if (prev) {
  75.        
  76.         //Get previous sibling
  77.         var next_image = (current_image.prev().length) ? current_image.prev() : $('#gallery li:last');
  78.         var next_excerpt = (current_excerpt.prev().length) ? current_excerpt.prev() : $('#excerpt li:last');
  79.    
  80.     //if prev is set to 0 (next item)
  81.     } else {
  82.        
  83.         //Get next sibling
  84.         var next_image = (current_image.next().length) ? current_image.next() : $('#gallery li:first');
  85.         var next_excerpt = (current_excerpt.next().length) ? current_excerpt.next() : $('#excerpt li:first');
  86.     }
  87.  
  88.     //clear the selected class
  89.     $('#excerpt li, #gallery li').removeClass('selected');
  90.    
  91.     //reassign the selected class to current items
  92.     next_image.addClass('selected');
  93.     next_excerpt.addClass('selected');
  94.  
  95.     //Scroll the items
  96.     $('#mask-gallery').scrollTo(next_image, 800);      
  97.     $('#mask-excerpt').scrollTo(next_excerpt, 800);                
  98.    
  99. }
  100. function MM_swapImgRestore() { //v3.0
  101.   var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
  102. }
  103. function MM_preloadImages() { //v3.0
  104.   var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
  105.     var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
  106.    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
  107. }
  108.  
  109. function MM_findObj(n, d) { //v4.01
  110.  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
  111.    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  112.   if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  113.   for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  114.   if(!x && d.getElementById) x=d.getElementById(n); return x;
  115. }
  116.  
  117. function MM_swapImage() { //v3.0
  118.   var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  119.   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
  120. }
  121.  
  122.  
  123. <link href="estilonewsslider.css" rel="stylesheet" type="text/css" />
  124.  
  125. <link href="css/jd.gallery.css" rel="stylesheet" type="text/css" />
  126.  
  127. <link href="css/ReMooz.css" rel="stylesheet" type="text/css" />
  128.  
  129. <script type="text/javascript">
  130.  
  131.   var _gaq = _gaq || [];
  132.   _gaq.push(['_setAccount', 'UA-XXXXX-X']);
  133.   _gaq.push(['_trackPageview']);
  134.  
  135.   (function() {
  136.     var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  137.     ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  138.     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  139.   })();
  140.  
  141.  
  142. </head>
  143.  
  144. <body onload="MM_preloadImages('imagenes/logo_lapaulina.jpg','imagenes/la_piamontesa_hover.jpg','imagenes/natura_hover.jpg','imagenes/aceitera_g_d_hover.jpg')">
  145.  
  146. <div id="contenedor">
  147.  
  148. <div id="blanco">
  149.  
  150. <div id="fotoizq">
  151. </div>
  152.  
  153. <div id="logo">
  154.   <img src="imagenes/logo_cabecera.jpg" width="245" height="81" alt="victor raúl brusa" /></div>
  155.  
  156.  
  157. <div id="espacio">
  158. <h3><em>...treinta años acercando calidad,<br />
  159.   servicio y experiencia...</em></h3>
  160. </div>
  161.  
  162. <div id="fotoder">
  163. </div>
  164.  
  165.  
  166. </div>
  167.  
  168. <div id="botonera">
  169. <ul>
  170. <li><a href="index.html" target="_self">Home</a></li>
  171. <li><a href="quienessomos.html" target="_self">Quienes Somos</a></li>
  172. <li><a href="servicios.html" target="_self">Servicios</a></li>
  173. <li><a href="productos.html" target="_self">Productos</a></li>
  174. <li><a href="formulario.html" target="_self">Contacto</a></li>
  175. <li><a href="http://miweb.net84.net/blog/" target="_blank" class="ultimo" >Blog</a></li>
  176. </ul>
  177.  
  178. </div>

Última edición por rw523252; 15/02/2011 a las 20:43 Razón: Me equivoqué de código
  #8 (permalink)  
Antiguo 15/02/2011, 20:44
Avatar de rw523252  
Fecha de Ingreso: julio-2009
Mensajes: 122
Antigüedad: 8 años, 4 meses
Puntos: 5
Respuesta: Problemas con IE, no se ven fondos y se cae el menú

Esta es la segunda parte del index, desde el encabezado al final.

Código HTML:
Ver original
  1. <div id="encabezado">
  2.  
  3.  
  4.  
  5. <div id="mijquery">
  6.  
  7. <div id="debug"></div>
  8.  
  9. <div id="slider">
  10.  
  11.     <div id="mask-gallery">
  12.     <ul id="gallery">
  13.         <li><img src="imagenes/slide_1.jpg" width="950" height="200" alt="girasoles" /></li>
  14.         <li><img src="imagenes/slide_2.jpg" width="950" height="200" alt="campo argentino" /></li>
  15.         <li><img src="imagenes/slide_4.jpg" width="950" height="200" alt="mesa de quesos" /></li>
  16.     </ul>
  17.     </div>
  18.    
  19.     <div id="mask-excerpt">
  20.     <ul id="excerpt">
  21.         <li>El campo de girasoles, es la materia prima ideal para aceites de primera calidad.</li>
  22.         <li>La agricultura nos provee de productos frescos, naturales, ricos y sanos.</li>
  23.         <li>Así, llegamos a su mesa, para que alimentarse, sea disfrutar de un placer exquisito</li>
  24.     </ul>
  25.     </div>
  26.  
  27. </div>
  28.  
  29.  
  30.  
  31.  
  32. <div class="clear"></div>
  33.  
  34. <div style="font-size:10px;color:#888"></div>
  35.  
  36.  
  37. </div>
  38.  
  39. </div>
  40.  
  41.  
  42.  
  43.  
  44.  
  45. <div id="cuerpo">
  46.  
  47. <div id="izquierda">
  48.  
  49. <div id="izquierdaizq">
  50.   </div>
  51. <div id="izquierdacent">
  52.  
  53. <div id="transporte"><a href="quienessomos"><img src="imagenes/transpor_3.jpg" width="200" height="83" alt="transporte" class="imagensinborde" /></a></div>
  54.  
  55. <div id="texto1">
  56. <p><strong>Víctor Raúl Brusa</strong> se inició en 1977 con un reparto de quesos y fiambres. La pasión por el trabajo y <em>una estructura familiar</em> fueron el punta pie inicial de este emprendimiento.</p>
  57.  
  58. </div>
  59.  
  60. <div id="leer"> <a href="quienessomos.html"><img src="imagenes/leer_mas.jpg" width="110" height="18" alt="leer más" class="imagensinborde" /></a></div>
  61.  
  62. <div id="oncca"> <a href="http://www.oncca.gov.ar/principal.php?nvx_pagina=operadoresVigentes.php&amp;m[]=90&amp;m[]=87&amp;m[]=72" target="_blank"><img src="imagenes/logo_onca.jpg" width="180" height="20" alt="oncca" longdesc="http://www.oncca.gov.ar/principal.php?nvx_pagina=operadoresVigentes.php&amp;m[]=90&amp;m[]=87&amp;m[]=72" class="imagensinborde" /></a></div>
  63.  
  64.  </div>
  65. <div id="izquierdader">
  66.  </div>
  67. </div>
  68.  
  69. <div id="centro">
  70.  
  71. <div id="centroizq">
  72. </div>
  73.  
  74. <div id="centrocent">
  75.  
  76. <div id="antepiamon">
  77.  
  78. <div id="lapiamontesa"> <a href="productos.html" target="_self"><img src="imagenes/la_piamon_h.jpg" alt="la piamontesa" width="148" height="91" border="0" /></a></div>
  79.  
  80. <div id="textpiamon">
  81. <p>Vea en la galería productos "La Piamontesa"</p> </div>
  82.  
  83. </div>
  84.  
  85. <div id="antepaulin">
  86.  
  87. <div id="lapaulina"> <a href="productos.html" target="_self"><img src="imagenes/lapau_h.jpg" width="148" height="91" border="0" alt="La Paulina" /></a></div>
  88.  
  89. <div id="textpaulin">Vea en la galería productos "La Paulina"</div>
  90.  
  91. </div>
  92.  
  93. <div id="anteaceit">
  94.  
  95. <div id="aceitera"> <a href="productos.html" target="_self"><img src="imagenes/agd_h.jpg" width="148" height="91" border="0" alt="Aceitera General Deheza" /></a></div>
  96.  
  97. <div id="textaceit">Vea en la galería productos "Aceitera G. Deheza"</div>  
  98.  
  99. </div>
  100.  
  101. </div>
  102.  
  103. <div id="centroder">
  104. </div>
  105. </div>
  106.  
  107. <div id="derecha">
  108.  
  109. <div id="derechaizq">
  110. </div>
  111.  
  112. <div id="derechacent">
  113. <div id="novedad1"><img src="imagenes/novedad1.jpg" width="164" height="140" alt="Reggianito La Paulina" /></div>
  114.  
  115. <div id="leer1"><a href="productos.html" target="_self"><img src="imagenes/leer_mas.jpg" width="110" height="18" alt="Leer más" class="imagensinborde"/></a></div>
  116.  
  117. <div id="novedad2"><img src="imagenes/novedad2.jpg" width="215" height="140" alt="Fondue La Paulina" /></div>
  118.  
  119. <div id="leer2"><a href="productos.html" target="_self"><img src="imagenes/leer_mas.jpg" width="110" height="18" alt="Leer más" class="imagensinborde"/></a></div>
  120.  
  121. </div>
  122.  
  123. <div id="derechader">
  124. </div>
  125.  
  126. </div>  
  127.  
  128. </div>  
  129.  
  130. <div id="pie">
  131.  
  132. <div id="pieizq"></div>
  133.  
  134. <div id="espaciopie">
  135. <div id="botonera2">
  136. <a href="index.html" target="_self">Home</a> <a href="#">|</a> <a href="quienessomos.html" target="_self">Quienes Somos</a> <a href="#">|</a> <a href="servicios.html" target="_self">Servicios</a> <a href="#">|</a> <a href="productos.html" target="_self">Productos</a> <a href="#">|</a> <a href="formulario.html" target="_self">Contacto</a><a href="#">|</a><a href="http://miweb.net84.net/blog/" target="_blank"> Blog</a></div>
  137.  
  138. <div id="marca">
  139.   <a href="#"></a><a href="http://www.lapiamontesa.com" target="_blank" onmouseover="MM_swapImage('Imagen9','','imagenes/la_piamontesa_hover.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="imagenes/la_piamontesa_1.jpg" alt="Fiambres La Piamontesa" name="Imagen9" width="140" height="70" border="0" id="Imagen9" /></a> </div>
  140.  
  141. <div id="marca2">
  142. <a href="#"></a><a href="http://www.lapaulina.com.ar" target="_blank" onmouseover="MM_swapImage('Imagen8','','imagenes/logo_lapaulina.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="imagenes/logo_lapaulina_1.jpg" alt="La Paulina" name="Imagen8" width="141" height="70" border="0" id="Imagen8" /></a> </div>
  143.  
  144. <div id="marca3">
  145. <a href="#"></a><a href="http://www.natura.com.ar" target="_blank" onmouseover="MM_swapImage('Imagen10','','imagenes/natura_hover.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="imagenes/natura_1.jpg" alt="Aceite Natura" name="Imagen10" width="97" height="70" border="0" id="Imagen10" /></a></div>
  146.  
  147. <div id="marca4">
  148. <a href="#"></a><a href="http://www.agd.com.ar" target="_blank" onmouseover="MM_swapImage('Imagen11','','imagenes/aceitera_g_d_hover.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="imagenes/aceitera_g_d_1.jpg" alt="Aceitera General Deheza" name="Imagen11" width="138" height="70" border="0" id="Imagen11" /></a></div>
  149.  
  150.  
  151. </div>
  152.  
  153. <div id="pieder"></div>
  154.  
  155. </div>  
  156.  
  157. </div>  
  158.  
  159. </body>
  160. </html>
  #9 (permalink)  
Antiguo 15/02/2011, 20:46
Avatar de rw523252  
Fecha de Ingreso: julio-2009
Mensajes: 122
Antigüedad: 8 años, 4 meses
Puntos: 5
Respuesta: Problemas con IE, no se ven fondos y se cae el menú

Ahora subo el CSS, espero que en un tramo me lo permita, gracias por la paciencia, y un abrazo. PD: Esta es la primera parte.


Código CSS:
Ver original
  1. @charset "utf-8";
  2. /* CSS Document */
  3.  
  4. body {background-color:#5c5b60;
  5. margin:0px;
  6. padding:0px;
  7. font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  8. font-size:14px}
  9.  
  10. #contenedor{width:974px;
  11. background:url(imagenes/fnd_amar.jpg)top right repeat-x;
  12. height:950px;
  13. margin:auto
  14. }
  15.  
  16. #blanco{ width:974px;
  17. height:100px;
  18. background-color:#FFF}
  19.  
  20. #fotoizq {
  21.     width:37px;
  22.     height:100px;
  23.     background:url(imagenes/curva_izq.jpg) top left no-repeat;
  24.     float:left}
  25.    
  26. #logo {
  27.     padding-top:8px;
  28.     margin-left:50px;
  29.     float:left}
  30.  
  31.  
  32.  
  33. #espacio {width:600px;
  34. height:100px;
  35. float:left;
  36. position:inherit
  37. }
  38.  
  39. #espacio h3 {margin-left:-100px}
  40.  
  41. #espacio h3 {padding-left:308px;
  42. color:#333;
  43. padding-top:4px}
  44.  
  45. #fotoder {
  46.     width:37px;
  47.     height:100px;
  48.     background:url(imagenes/curva_der.jpg) top right no-repeat;
  49.     float:right}
  50.  
  51. #encabezado {width:974px;
  52. height:220px;
  53. }
  54.  
  55.  
  56.  
  57. .logobrusa {float:left;
  58. /* cambiar por position */
  59. margin-top:100px;
  60. margin-left:50px}
  61.  
  62. #botonera ul{list-style:none;
  63. margin:0 0 0 68px;
  64. padding:0px;
  65. width:974px;
  66. height:61px}
  67.  
  68. html>body #botonera ul {margin:0 0 0 68px;
  69. padding:-10px;}
  70.  
  71.  
  72.  
  73. #botonera li a{
  74.     width:139px;
  75.     height:31px;
  76.     font-size:1em;
  77.     color:#999;
  78.     float:left;
  79.     background:url(imagenes/separador.jpg) right top no-repeat;
  80.     text-align:center;
  81.     text-decoration:none;
  82.     padding-top:30px;
  83.     font-weight:bold;
  84.     display:block}
  85.    
  86. #botonera li a.ultimo {background:none}
  87.    
  88. #botonera li a:hover {background:url(imagenes/btn_hover.jpg);
  89.     color:#FFF;
  90.     }
  91.    
  92. .logo {padding-top:3px;
  93. margin-left:10px}
  94.  
  95. #mijquery {width:950px;
  96. height:200px;
  97. margin:auto;
  98. margin-top:10px}
  99.  
  100.  
  101. #cuerpo {width:974px;
  102. height:400px;
  103. background-color:#FFF;
  104. margin:auto}
  105.  
  106.  
  107.  
  108. #izquierda {width:280px;
  109. height:370px;
  110. float:left;
  111. margin-left:10px;
  112. margin-top:20px}
  113.  
  114.  
  115.  
  116. #izquierdaizq {
  117.     width:21px;
  118.     height:370px;
  119.     background:url(imagenes/borde_izq_izq.jpg) top left no-repeat;
  120.     float:left}
  121.  
  122. #izquierdacent {
  123.     width:229px;
  124.     height:370px;
  125.     background:url(imagenes/fnd_izq.jpg) top right repeat-x;
  126.     float:left}
  127.    
  128. #transporte {width:200px;
  129. height:83px;
  130. margin:auto;
  131. padding-top:25px;}
  132.  
  133. #texto1 {width:200px;
  134. height:120px;
  135. padding-top:0px;
  136. font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  137. color:#666;
  138. text-align:left;
  139. margin:auto}
  140.  
  141. #leer{width:200px;
  142. margin:auto;
  143. padding-top:25px;
  144. padding-left:100px
  145. }
  146.  
  147. #oncca {padding-left:25px;
  148. padding-top:35px;
  149. text-decoration:none;
  150. border:0px}
  151.  
  152. .imagensinborde{border:0px}
  153.    
  154. #izquierdader {width:21px;
  155. height:370px;
  156. background:url(imagenes/borde_izq_der.jpg) top right no-repeat;
  157. float:left}
  158.  
  159. #centro {width:354px;
  160. height:370px;
  161. background:url(imagenes/bg_i_c_d.jpg) top right repeat-x;
  162. float:left;
  163. margin-left:10px;
  164. margin-top:20px}
  165.  
  166. #centroizq {
  167.     width:21px;
  168.     height:370px;
  169.     background:url(imagenes/borde_izq_izq.jpg) top left no-repeat;
  170.     float:left}
  171.  
  172. textizq{width:600px;
  173. height:250px;
  174. font-size:12px;
  175. padding-left:35px;
  176. margin-top:15px;
  177. float:left}
  178.  
  179. #fotocent{background:url(imagenes/quienes1a_of.jpg) top right no-repeat;
  180. float:left;
  181. margin-top:15px;
  182. top:auto}
  183.  
  184.    
  185. #centrocent {
  186.     width:312px;
  187.     height:370px;
  188.     background:url(imagenes/fnd_izq.jpg) top right repeat-x;
  189.     float:left}
  190.    
  191. #antepiamon{width:300px;
  192. height:93px;
  193. margin:auto}
  194.    
  195. #lapiamontesa {width:148px;
  196. height:91px;
  197. padding-top:25px;
  198. float:left}
  #10 (permalink)  
Antiguo 15/02/2011, 20:48
Avatar de rw523252  
Fecha de Ingreso: julio-2009
Mensajes: 122
Antigüedad: 8 años, 4 meses
Puntos: 5
Respuesta: Problemas con IE, no se ven fondos y se cae el menú

Ahora va la segunda parte,


Código CSS:
Ver original
  1. #textpiamon {width:120px;
  2. height:91px;
  3. float:left;
  4. padding-top:25px;
  5. font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  6. color:#666;
  7. font-weight:bold;
  8. margin-left:20px}
  9.  
  10. #antepaulin{width:300px;
  11. height:93px;
  12. margin:auto}
  13.  
  14. #lapaulina {width:148px;
  15. height:91px;
  16. padding-top:25px;
  17. float:left}
  18.  
  19. #textpaulin {width:120px;
  20. height:91px;
  21. float:left;
  22. padding-top:25px;
  23. font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  24. color:#666;
  25. font-weight:bold;
  26. margin-left:20px}
  27.  
  28. #anteaceit{width:300px;
  29. height:93px;
  30. margin:auto}
  31.  
  32. #aceitera {width:148px;
  33. height:91px;
  34. padding-top:25px;
  35. float:left}
  36.  
  37.  
  38. #textaceit {width:120px;
  39. height:91px;
  40. float:left;
  41. padding-top:25px;
  42. font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  43. color:#666;
  44. font-weight:bold;
  45. margin-left:20px}
  46.  
  47.  
  48. #centroder {width:21px;
  49. height:370px;
  50. background:url(imagenes/borde_izq_der.jpg) top right no-repeat;
  51. float:left}
  52.  
  53. #derecha {width:280px;
  54. height:370px;
  55. background:url(imagenes/bg_i_c_d.jpg) top right repeat-x;
  56. float:left;
  57. margin-left:10px;
  58. margin-top:20px}
  59.  
  60. #derechaizq {
  61.     width:21px;
  62.     height:370px;
  63.     background:url(imagenes/borde_izq_izq.jpg) top left no-repeat;
  64.     float:left}
  65.    
  66. #derechacent {
  67.     width:238px;
  68.     height:370px;
  69.     background:url(imagenes/fnd_izq.jpg) top right repeat-x;
  70.     float:left}
  71.    
  72. #novedad1 {width:200px;
  73. height:140px;
  74. padding-top:20px;
  75. margin:auto}
  76.  
  77. #leer1{width:200px;
  78. margin:auto;
  79. padding-left:100px
  80. }
  81.  
  82. #novedad2{width:200px;
  83. height:140px;
  84. margin:auto}
  85.  
  86. #leer2{width:200px;
  87. margin:auto;
  88. padding-left:100px}
  89.  
  90. texto2 {width:200px;
  91. height:120px;
  92. padding-top:10px;
  93. font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  94. color:#666;
  95. font-size:12px;
  96. text-align:left;
  97. margin-left:4px;
  98. margin-right:4px}
  99.    
  100. #derechader {width:21px;
  101. height:370px;
  102. background:url(imagenes/borde_izq_der.jpg) top right no-repeat;
  103. float:left}
  104.  
  105. #cuerpocont{width:974px;
  106. height:400px;
  107. margin:auto;
  108. background:#FFF}
  109.  
  110. #anteform{width:370px;
  111. height:300px;
  112. float:left;
  113. padding-left:55px;
  114. margin-top:45px}
  115.  
  116. #antelogo{width:350px;
  117. height:300px;
  118. float:right;
  119. margin-top:45px;
  120. padding-right:75px
  121. }
  122.  
  123. #cuerposomos{width:974px;
  124. height:400px;
  125. margin:auto;
  126. background:#FFF}
  127.  
  128. #antetextizq{width:640px;
  129. height:360px;
  130. float:left;
  131. padding-left:25px;
  132. margin-top:15px}
  133.  
  134. .letragris{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  135. color:#666}
  136.  
  137. #textizq2 p{width:640px;
  138. height:360px;
  139. font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  140. font-size:12px;
  141. color:#666;
  142. margin-top:30px}
  143.  
  144.  
  145.  
  146. #antefotocent{width:270px;
  147. height:300px;
  148. float:right;
  149. margin-top:15px;
  150.  
  151. }
  152.  
  153. #fotocent {width:196px;
  154. height:150px;
  155. float:right;
  156. margin-right:25px}
  157.  
  158. #fotocent2 {width:196px;
  159. height:150px;
  160. float:right;
  161. margin-right:25px;
  162. margin-top:30px}
  163.  
  164. #cuerpo2serv {width:900px;
  165. height:400px;
  166. margin:auto;}
  167.  
  168. #textserv {width:620px;
  169. height:350px;
  170. float:left;
  171. font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  172. color:#666;
  173. font-size:12px;
  174. padding-top:30px}
  175.  
  176. .parrafo1 {margin-top:30px}
  177.  
  178. #colserv1, #colserv2, #col1, #col2 {width:280px;
  179. height:340px;
  180. float:left}
  181.  
  182. #colserv1, #colserv2, #col1, #col2  {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  183. font-size:12px;
  184. color:#666;
  185. margin-left:15px;
  186. margin-right:15px}
  187.  
  188. #fotoserv {width:260px;
  189. height:380px;
  190. margin-top:25px;
  191. float:right}
  192.  
  193. #fotoserv1 {width:196px;
  194. height:150px;
  195. float:right;
  196. margin-top:25px}
  197.  
  198. #fotoserv2 {width:196px;
  199. height:150px;
  200. float:right;
  201. margin-top:30px}
  202.  
  203. #anteprod {width:950px;
  204. height:400px;
  205. margin:auto}
  206.  
  207. #antegaleria {width:500px;
  208. height:380px;
  209. margin:auto;
  210. float:left;
  211. margin-left:25px;
  212. background-color:#FFF;
  213. margin-top:10px}
  214.  
  215. #galeria {width:460px;
  216. height:360px;
  217. margin:auto;
  218. background-color:#FFF}
  219.  
  220. #product {width:380px;
  221. height:380px;
  222. float:right;
  223. margin-right:40px;
  224. background-color:#FFF;
  225. /*margin-right:30px*/}
  226.  
  227. #anteproduct1 {width:380px;
  228. height:190px;
  229. margin:auto;
  230. background-color:#FFF}
  231.  
  232. #anteproduct2 {width:380px;
  233. height:190px;
  234. margin:auto;
  235. background-color:#FFF}
  236.  
  237. #product1 {width:180px;
  238. height:180px;
  239. margin-left:5px;
  240. background-color:#FFF;
  241. float:left;
  242. padding-top:5px}
  243.  
  244. .reggia{margin-top:5px;
  245. margin-left:10px}
  246.  
  247. #textproduct1 {width:180px;
  248. height:180px;
  249. margin-left:5px;
  250. background-color:#FFF;
  251. float:left;
  252. padding-top:5px}
  253.  
  254. #textproduct1 p{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  255. font-size:12px;
  256. color:#666;
  257. text-align:left}
  258.  
  259. #textproduct1 p{margin-left:5px}
  260.  
  261. #product2 {width:180px;
  262. height:180px;
  263. margin-left:5px;
  264. background-color:#FFF;
  265. float:left;
  266. padding-top:5px}
  267.  
  268. .fondiu {margin-left:8px;
  269. margin-top:25px}
  270.  
  271. #textproduct2 {width:180px;
  272. height:180px;
  273. margin-left:5px;
  274. background-color:#FFF;
  275. float:left;
  276. margin-top:1px}
  277.  
  278. #textproduct2 p{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  279. font-size:12px;
  280. color:#666;
  281. text-align:left;
  282. margin-left:5px;
  283. margin-bottom:15px}
  284.  
  285.  
  286.  
  287. #pie {width:974px;
  288. height:120px;
  289. background-color:#333;
  290. margin:auto}
  291.  
  292. #pieizq {width:37px;
  293. height:100px;
  294. float:left;
  295. background:url(imagenes/curva-pie.jpg);
  296. margin-top:20px}
  297.  
  298. #espaciopie {width:800px;
  299. margin:auto}
  300.  
  301. #pieder {width:37px;
  302. height:100px;
  303. background:url(imagenes/curva_pie_der.jpg);
  304. float:right;
  305. margin-top:2px}
  306.  
  307.  
  308. #botonera2 {margin-left:190px}
  309.  
  310. #pie a {font-size:0,5em;
  311. color:#FFFFFF;
  312. text-decoration:none;
  313. font-weight:bold}
  314.  
  315.  
  316. marcasbot ul{list-style:none;
  317. margin:0px;
  318. padding:0px;
  319. width:500px;
  320. height:70px}
  321. #marca a{
  322. float:left;
  323. margin-left:55px;
  324. margin-top:16px}
  325.  
  326. marcasbot marca li a{
  327.     width:140px;
  328.     height:70px;
  329.     background:url(imagenes/La_Piamontesa_logo.gif) top right no-repeat;
  330.     float:left;
  331. margin-left:175px;
  332. margin-top:16px}
  333.  
  334. marcasbot marca li a:hover{background:url(imagenes/La_Piamontesa_lhoverogo.gif) top right no-repeat}
  335.  
  336. #marca2{float:left;
  337. margin-left:10px;
  338. margin-top:16px}
  339.  
  340. #marca3{float:left;
  341. margin-left:10px;
  342. margin-top:16px}
  343.  
  344. #marca4{float:left;
  345. margin-left:10px;
  346. margin-top:16px}
  347.  
  348. #pie a:hover {color:#CCCCCC;
  349. }
  #11 (permalink)  
Antiguo 15/02/2011, 20:51
Avatar de rw523252  
Fecha de Ingreso: julio-2009
Mensajes: 122
Antigüedad: 8 años, 4 meses
Puntos: 5
Respuesta: Problemas con IE, no se ven fondos y se cae el menú

Hola Tepo, fijate la primera parte del código, me confundí, tenía un index y un index1, el index1, era de pruebas, y no el definitivo, y lo subí equivocadamente, el segundo mensaje de html, es la primera parte del index, y lo que sigue es todo el código del index, y el css del sitio, gracias, muchas gracias.
  #12 (permalink)  
Antiguo 16/02/2011, 04:22
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Problemas con IE, no se ven fondos y se cae el menú

Hola:

Cita:
Iniciado por TEPO Ver Mensaje
pasa tus codigos tanto html como css y te doy una mano.
¿Para qué si ya te ha indicado la URL?

Saludos.

  #13 (permalink)  
Antiguo 16/02/2011, 13:39
Avatar de rw523252  
Fecha de Ingreso: julio-2009
Mensajes: 122
Antigüedad: 8 años, 4 meses
Puntos: 5
Respuesta: Problemas con IE, no se ven fondos y se cae el menú

Hola jomaruro, no entiendo lo que me querés decir, podés explicarte más, gracias y saludos.
  #14 (permalink)  
Antiguo 16/02/2011, 18:08
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Problemas con IE, no se ven fondos y se cae el menú

Hola:

Si te fijas en mi mensaje, cito el de Tepo en donde te pide los códigos, y lo le pregunto para que los necesita si ya has puesto la URL y se puede ver tu página, nada más.

Saludos.

  #15 (permalink)  
Antiguo 16/02/2011, 19:26
Avatar de rw523252  
Fecha de Ingreso: julio-2009
Mensajes: 122
Antigüedad: 8 años, 4 meses
Puntos: 5
Respuesta: Problemas con IE, no se ven fondos y se cae el menú

Disculpame jomaruro, pasa que ando a mil, buscandole la vuelta, y ni había entendido tu mensaje, saludos y gracias.
  #16 (permalink)  
Antiguo 18/02/2011, 03:55
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Problemas con IE, no se ven fondos y se cae el menú

Hola:

No te preocupes, no hay nada que disculpar. Siento no poder ayudarte porque ya no tengo IE7.

Saludos.


Etiquetas: cae, ven, 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 06:00.