problema con css en firefox

[s_marti]

tengo un codigo de una web que estoy modelando a partir de una plantilla , mi problema viene que cuando la visualizo en ie (cualquier versión) funciona ok, pero en firefox, me sale descuadrado, pienso que el problema esta en este fragmento de codigo:

.BlockContent-body
{
position: relative;
z-index:1;
padding: 11px;
}



.BlockContent-body
{
color:#202728;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
}

Gracias y saludos

[zerokilled]

sinceramente que se fragmento dice nada o poco. trata de introducir un detalle importante en tu cabeza. la forma que css afecta un documento depende principalmente de dos factores: la estructura del documento HTML, y las otras sentencias css aplicadas a los elementos que le rodean a un elemento en particular.

[Impostor]

Además. seguramente sea al reves, es decir, en firefox se ve ok y es en IE donde no..

Saludos¡¡

[s_marti]

no mirar os dejo el link:smsistemas.es/empresas/coelectric/page.html

vosotros mismos lo podeis verificar
IE- ok
FF - Descuadrado

El css es que es muy largo para poneroslo aqui

[zerokilled]

el problema sucede porque estas flotando el elemento DIV.content, de modo que los elementos hermanos (DIV.Block) se reposicionan alrededor del elemento flotado. ahora bien, a la clase DIV.Block le falta un margen del lado izquierdo para que el contenido de DIV.content sea visible. el contenido esta oculto porque DIV.Block tiene un z-index mayor que DIV.content. recuerda que los elementos bloques siguen ocupando el 100% del ancho del elemento padre aun cuando otros elementos a su alrededor estan flotando.

despues que soluciones eso asignando un margen al lado izquierdo, te vendra otra sorpresa. el contenido de las tres columnas centrales "desaparecen". pero en realidad es porque tienen la clase .Block y el margin-left lo esta afectando. tendras que crear selectores mas especificos para estas columnas.

[s_marti]

muchas gracias por la aclaracion zerokilled,
ahora el problema lo tengo en plasmar lo que me has contando.

¿que haria poner un valor margin-left: dentro de .block-body?

[s_marti]

gracias zerokilled, ya lo conseguí solucionar,

es cierto luego las 3 columnas desaparecieron, pero ya le busco una solucion alternativa creando otra clase.

Gracias de nuevo