Mozilla Vs. Internet

[Gerald]

Estoy desarrollando un weblog y la idea es que valide xhtml strict 1.0

Weblog

Pero este se ve bien solo en Internet Explorer y en Mozilla Firefox se ve descuadrado todo.

Donde esta mi error.

Muchas gracias

[MozBlog]

Hola, ahora mismo no puedo echarle un vistazo al código, pues es muy tarde y ya me voy... sin embargo, tu problema debe estar en que usas código "propietario" de Microsoft, ya que SÓLO EN EL IE se ve correctamente tu weblog.

No es ya que no se vea correcto en los Mozillas (Suite y Firefox), pues si lo tienes a mano, mira de visitar tu weblog con el Opera y verás que tampoco se ve (se ve como en los Mozillas)

Así que, en principio, es problema de un código fuente no estándar...

Suerte.

[Gerald]

codigo propietario??????? ,
especifique bien claro, quiero saber donde esta mi error, por eso es mi preocupacion que se vea bien en mozilla firefox.

Gracias ....




P.D Saludos

[KnowDemon]

Según parece estas centrando las cajas con la propiedad text-align: center. Sin embargo ésta solo aplica para elementos de línea. Internet Exploter, debido a una mala implementación también centra los elementos de bloque.

Para centrar horizontalmente la caja puedes usar las siguientes propiedades CSS:

(Para una caja con ancho fijo)

width: (el ancho de la caja en pixeles)px;
margin-left: (el negativo de la mitad del ancho en pixeles)px;
left 50%;

(Para una caja de ancho variable)

width: (el ancho de la caja en porcentajes);
left: (La mitad de (100/el ancho de la caja))%;

Nota: Si quieres que valide XHTML Strict, sería bueno que fueras quitando los elementos <b>, pues no forman parte de dicho estándar.

[PascalC]

KnowDemon te complicas mucho la vida ;)

Para centrar horizontalmente una caja con ancho fijo que podría llamarse "contenedor" por ejemplo:
div#contenedor {margin-left:auto; margin-right:auto;}


No veo porqué usas un float para el div de contenido? Aquí lo que pasa es que IE lo muestra mal y pone .partederecha al lado de .borde, lo que es incorrecto ya que .partederecha no es un float y como un float no ocupa realmente espacio en el flujo de < body > sino que empuja los demás divs, tu bloque está detrás.

Ya que todos tus bloques tienen un ancho definido, yo pondría el .partederecha con un position:absolute à la derecha del bloque principal.

Otros consejos :
- utiliza listas para tus listas, como lo has hecho en el menu
- utiliza etiquetas con significativo semántico
- utiliza id en vez de clase para tus bloques unicos
- utiliza primero mozilla u Opera para diseñar y después añades un par de "hacks" para que funcione en IE, no puedes construir algo sólido si te apoyas sobre los bugs de IE