Ayuda, contenido se descuadra en firefox

[ritita]

Hola a todos,

tengo un problema con mi plantilla joomla 1.5- En firefox el contenido se descuadra, no asi en IE. No sé que pueda estar causando esto, antes se veia perfecto y luego agregué un articulo a mi pagina y de descuadró.

La URL de mi sitio en http://www.futuroinfantil.net/ y este problema ocurre al final de la pagina, solo en Firefox.

Muchas gracias, ojala alguien pueda ayudarme.

[Larenz]

Es puro problemas de CSS realmente lo que estás experimentando. Existen códigos que no están siendo llamados ni existen como lo es el caso del clearfix.

Intenta pegando este código en tu archivo template_css.css:

Código CSS:

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: transparent;
}
 
body {
    line-height: 1;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
}
 
ul {
    list-style: none;
}
 
table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
}
 
/* CLEARFIX - Código para romper
-------------------------------------------------------------*/
* html .clearfix {
    height: 1%; /* IE5-6 */
}
 
html[xmlns] .clearfix { /* O */
    display: block;  
}
 
.clearfix:after { /* FF, O, etc. */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
 

Normalmente ese código que te estoy dando yo lo pego en otra hoja de estilos y la llamo layout.css y luego llamo a ese archivo en el index.php de mi plantilla. Siempre es bueno llamar primeramente a este archivo y luego al template_css.css. En tu caso puedes intentar pegarlo directamente al inicio del archivo template_css.css.

A como podrás ver esos códigos ayudan a darle forma a tu plantilla y evitar "rompimientos" indeseados o incompatibilidades entre navegadores. Luego que lo hayas hecho entonces subes nuevamente el archivo a tu host para ir viendo cómo iría quedando y solucionar cualquier "descuadre" que pudiera ocurrir al subir este código.

IMPORTANTE: No creas que con este código solucionarás automáticamente ese problema que tienes, sino que ayudará (por medio de ajustes) a que se quiten. Bien pudiera hacerlo automáticamente, pero habría que ver cómo responden las configuraciones previas en tu css principal.

De todas formas cuando hayas subido esto me avisas y vamos viendo el resto.

[ritita]

Larenz, muchisimas gracias!!!! Copié tu codigo y ahí le fui ajustando cosas y quedó muy bien.

De verdad mil gracias, fuiste una GRAN AYUDA.

Un abrazo.