Firefox no centra capas, IE sí...

JBRS · #1 (**permalink**) 12/03/2007, 11:44

Hola, inicio otro post para destacar el tema por si a alguien más le pasa. Siguiendo con mi caso de las 3 capas, he llegado a tenerlas bastante preparadas, pero para mi sorpresa, en IE aparecen todas a la izquierda (donde quiero) y en Firefox en el centro...

¿Desde donde se establece la ubicación de las capas? Tengo propiedades tipo text-align pero no sé cómo pasarles esa información.

Mikmoro · #2 (**permalink**) 12/03/2007, 13:20

Eso se lo estás diciendo en

#bloquecontenido { margin: auto;

que significa que debe tener una margen automático en los 4 lados, que en el caso de derecha e izquierda se traduce en centrado.

No me contestaste si te sirvió al final mi ejemplo o no (lo dejaste en "el lunes lo pruebo"), pero por este mensaje imagino que sí.

La explicación que te daba en mi mensaje (el link a la explicación) no sé si era lo que buscabas o lo que pregutabas en ese mensaje. No sé si la llegaste a leer.

Mikel.

JBRS · #3 (**permalink**) 13/03/2007, 01:54

Hola Mikel,

Pues lo cierto es que va mucho mejor, aunque ahí te planteaba que tenía alguna duda adicional... voy a quitar el margin auto, a ver qué pasa (¿lo pondrá en la izquierda entonces? ¿y si quisiera derecha?)

JBRS · #4 (**permalink**) 13/03/2007, 02:14

Por cierto, como te veo muy puesto... :)

Modifico las características de <h1> para los títulos, y en explorer me sale bien... sin embargo firefox no me respeta los colores y pone los de los hiperenlaces por defecto. ¿Qué puede ser?

Mikmoro · #5 (**permalink**) 13/03/2007, 03:23

Cita:

Pues lo cierto es que va mucho mejor, aunque ahí te planteaba que tenía alguna duda adicional... voy a quitar el margin auto, a ver qué pasa (¿lo pondrá en la izquierda entonces? ¿y si quisiera derecha?)

Si lo quieres alinear a la derecha "margin: 0px 0px 0px auto;"

Cita:

Modifico las características de <h1> para los títulos, y en explorer me sale bien... sin embargo firefox no me respeta los colores y pone los de los hiperenlaces por defecto. ¿Qué puede ser?

Eso pasa muy a menudo cuando falta algún punto y coma de cerrar algún parámetro, pero no obstante, pon el código y se verá más fácilmente.

Mikel.

JBRS · #6 (**permalink**) 13/03/2007, 04:06

Tengo este código:

h1.nombrearticulo {
font: bold 10px Verdana;
text-decoration: none;
color: #1f3f6b;
margin-bottom : 0px
}

Luego con html lo llamo así (que igual está mal)

<h1 class="nombrearticulo">

Gasias Mikel

Mikmoro · #7 (**permalink**) 13/03/2007, 04:15

Efectivamente, te falta cerrar el punto y coma detrás de "margin-bottom : 0px"

Este código funciona perfectamente en ambos navegadores.

<style>
h1.nombrearticulo {font: bold 10px Verdana;
text-decoration: none;
color: #1f3f6b;
margin-bottom : 0px;
}
</style>
</head>
<body>
<h1 class="nombrearticulo">palabra</h1>
</body>

Mikel.

JBRS · #8 (**permalink**) 13/03/2007, 05:36

Y otra cosa curiosa que me he fijado Mikel, también fallaba porque cerraba el </a> antes que el </h1> en firefox, cerrando h1 primero sí va...

Mikmoro · #9 (**permalink**) 13/03/2007, 05:58

En el trozo que has puesto me he fijado antes que tenías el h1 sin cerrar, pero he imaginado que simplemente era que no lo habías copiado, no obstante, si te fijas, por si acaso te había puesto en el ejemplo el h1 cerrado. A veces cometemos despistes de esos que nos vuleven locos.

Mikel.