Foros del Web » Creando para Internet » HTML »

pagina web se desencuadra en mozilla firefox

Estas en el tema de pagina web se desencuadra en mozilla firefox en el foro de HTML en Foros del Web. hola a todos quiero pedirles su ayuda porfavor a todas las almas generosas de esta comunidad que este problema me supera les cuento mi web ...
  #1 (permalink)  
Antiguo 08/01/2011, 01:04
 
Fecha de Ingreso: enero-2011
Mensajes: 3
Antigüedad: 6 años, 11 meses
Puntos: 0
Pregunta pagina web se desencuadra en mozilla firefox

hola a todos quiero pedirles su ayuda porfavor a todas las almas generosas de esta comunidad que este problema me supera
les cuento mi web se desencuadra en moxilla firefox no asi en ningun otro navegador
que sera habra que agregar algun codigo?

les dejos un print la web es www.leayudamos.cl y los avisos destacados en ves de salir al lado salen abajo me tiene loco este problema.

Gracias a todos



Código HTML:
<h3 style="font-size: 12px">SERVICIOS DESTACADOS:</h3>
<div class="right_articles">
<p><img style="width: 63px; height: 67px" class="image" title="" alt="" width="63" height="67" src="image/wpThumbnails/portada10_346x461.jpg" /><strong><a title="" href="disfraces.html">Disfraces Muchos Modelos</a></strong><br />
TENEMOS GRAN VARIEDAD DE DISFRACES CONSULTA POR EL TUYO&nbsp;<a title="" href="disfraces.html"><strong>ACA</strong></a><strong>!!!</strong>.</p></div>
<div class="right_articles">
<p><img style="width: 64px; height: 60px" class="image" title="Image" alt="Image" width="64" height="60" src="image/portada.jpg" /><strong><a title="" href="electicista.html">Mantenciones de aire acondicionado</a><br />
</strong>REPARACIONES DE:&nbsp;ENCHUFER, EMPALMES, CIRCUITOS, CABLEADO ETC . <a title="" href="electicista.html"><strong>ACA</strong></a><strong>!!!</strong> </p></div>
<div class="right_articles">
<p><img style="width: 69px; height: 57px" class="image" title="" alt="" width="69" height="57" src="image/portada3.jpg" /><strong><a title="" href="cajas.html">Fabrica de Cajas de Carton</a><br />
</strong>FABRICA DE CAJAS DE CARTÓN PIEDRA FORRADAS, EN DIFERENTES TAMAÑOS. <a title="" href="cajas.html"><strong>ACA</strong></a><strong>!!!</strong> </p></div>
<div class="right_articles">
<p><img style="width: 64px; height: 60px" class="image" title="" alt="" width="64" height="60" src="6.jpg" /><strong><a title="" href="vestidohuasa.html">Disfraces Y Vestidos de Husa.</a><br />
</strong>DISFRACES Y VESTIDOS DE HUASAS</p>
<p>VARIOS MODELOS ROPA DE GUAGUA. <a href="vestidohuasa.html"><strong>Aca</strong></a>.</p></div>
<div class="right_articles">
<p><img style="width: 64px; height: 62px" class="image" title="" alt="" width="64" height="62" src="image/wpThumbnails/rosalinda_144x144.jpg" /><strong><a title="" href="rosalinda.html">Floreria Rosalinda.</a><br />
</strong>PIDE TUS FLORES A DOMICILIO EN: <a href="rosalinda.html"><strong>Aca</strong></a>.</p>
<p>&nbsp;</p></div>
<div class="right_articles">
<p><img class="image" title="" alt="" width="80" height="60" src="image/wpThumbnails/portada8_512x384.jpg" /><strong><a title="" href="edificio.html">Tazones personalizados</a><br />
</strong>&nbsp;ESTAMPAMOS TUS DISEÑOS,&nbsp;FOTOS, DIBUJOS TODO LO QUE IMAGINES .&nbsp;<a href="tazones.html"><strong>Aca</strong></a>.</p></div>
<div class="right_articles">
<p><img style="width: 68px; height: 60px" class="image" title="" alt="" width="68" height="60" src="image/portada8.JPG" /><strong><a title="" href="constructora.html">Constructora Requiere Personal.</a><br />
&nbsp;</strong>SE REQUIERE PERSONAL CON ESTUDIOS DE REFRIGERACION. <a href="constructora.html"><strong>Aca</strong></a>.</p></div>
<div class="right_articles">
<p><img style="width: 62px; height: 62px" class="image" title="" alt="" width="62" height="62" src="image/wpThumbnails/potada6.jpg" /><strong><a title="" href="alpaca.html">PRENDAS EN ALPACA Y ALGODÓN.</a><br />
</strong>ALPACA PRODUCIMOS Y COMERCIALIZAMOS PEDIDOS AL POR MAYOR Y MENOR.&nbsp; <a href="alpaca.html"><strong>Aca</strong></a>.</p></div>
<div class="right_articles">
<p><img style="width: 68px; height: 66px" class="image" title="" alt="" width="68" height="66" src="image/wpThumbnails/portada12_867x1300.jpg" /><strong><a title="" href="herramientas.html">HERRAMIENTAS EN BRONCE.</a><br />
</strong>EXCLUSIVAS HERRAMIENTAS EN BRONCE CONSULTA POR LA QUE NECESITAS. <a href="herramientas.html"><strong>Aca</strong></a>.</p></div>
<div class="notice"> 
  #2 (permalink)  
Antiguo 08/01/2011, 04:21
Avatar de santris  
Fecha de Ingreso: agosto-2009
Ubicación: Sant Feliu de Llobregat
Mensajes: 955
Antigüedad: 8 años, 4 meses
Puntos: 66
Respuesta: pagina web se desencuadra en mozilla firefox

hola,

Probablemente se trata de un problema de espacio, el lateral + el centro tienen más amplitud que el contenedor ej:

Código:
#cont{width:1000px}
#left{width:200px; float:left; padding:10px}
#center{width:800px; float:right; padding:10px}
Aunque el width es 800 + 200 = 1000; al aplicarle el padding:10px a ambas cajas nos desborda el contenedor.

Pero mejor pega el .css donde se encuentra la clase class="right_articles"

saludos,
__________________
Tu álbum de cromos online!!
  #3 (permalink)  
Antiguo 08/01/2011, 10:21
 
Fecha de Ingreso: enero-2011
Mensajes: 3
Antigüedad: 6 años, 11 meses
Puntos: 0
Respuesta: pagina web se desencuadra en mozilla firefox

@santris gracias por el apoyo Aqui va el .css espero encuentren algo

Saludos

Código HTML:
Ver original
  1. /* right side
  2.    ---------- */
  3.        
  4. .right {
  5.     float: right;
  6.     width: 340px;
  7.     margin: 0 0 10px 0;
  8. }
  9.     .right h3 {
  10.         background: #BDBDBD  url(images/h3bg.gif) no-repeat center right;
  11.         color: #FFF;
  12.         padding: 8px 0 8px 5px;
  13.         font: bold 1em Tahoma, Arial, Sans-Serif;
  14.         margin: 0 0 3px 0;
  15.     }
  16.     .right_articles {
  17.         background: #f5f5f5;
  18.         color: #414141;
  19.         padding: 8px;  
  20.         margin: 0 0 3px 0;
  21.     }
  22.     .notice {
  23.         background: #eee;
  24.         color: #808080;
  25.         padding: 12px 8px; 
  26.         margin: 0 0 3px 0;
  27.     }
  28.     .image {
  29.         float: left;
  30.         margin: 0 9px 3px 0;
  31.     }
  32.  
  33. /* footer
  34.    ------ */
  #4 (permalink)  
Antiguo 08/01/2011, 11:42
Avatar de santris  
Fecha de Ingreso: agosto-2009
Ubicación: Sant Feliu de Llobregat
Mensajes: 955
Antigüedad: 8 años, 4 meses
Puntos: 66
Respuesta: pagina web se desencuadra en mozilla firefox

falta más código .css,

Puedes probar modificando el ancho del .right. Ve bajando el width: 340px; a 300 y pruebas a 280 y pruebas etc...

.right {
float: right;
width: 340px;
margin: 0 0 10px 0;
}
__________________
Tu álbum de cromos online!!

Etiquetas: firefox, mozilla
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 05:19.