si validas, no centras
3 seguidores
Quiero centrar un elemento horizontal y verticalmente en documento html. Lo hago insertando un tabla de 100% de alto y ancho y centrando el elemento con alig y valign center. Al verlo en el editor (dw) no me da problemas, pero en el navegador se queda alineado a la parte superior. El problema se soluciona si elimino la primera línea del código, la de la validación con w3.org.
Entonces, si quiero centrar el elemento, pero sin eliminar la línea de validación... ¿como lo hago?
¿Cual es la función exacta de la validación?
txuma
http://www.wpdfd.com/editorial/thebox/deadcentre4.html
flexo
Coñazo increible...
Creo q Hartum definió muy bien la edición con capas.
Puede q de momento yo no entre en la 'secta' (por cuestión de prisa), pero lo seguiré intentando...
Gracias de todos modos, Txuma
orange
casa butini
"Coñazo increible..."
Que vagoneta .... pero si sólo tienes que añadir 4 lineas CSS ....
flexo
De verdad Orange que mi propósito es aprender a montar con CSS, pero lo he estado probando y no me centraba bien la imagen, y como me tenía q ir... pues a 'tablear'.
orange
Si no te centraba bien es que hacías algo mal, ejemplo:
(a la capa que centra le damos en ID de "contenedor")
#contenedor {
position: absolute;
left: 50%;
top: 50%;
width: 200px;
height: 200px;
margin-left: -100px; // la mitad del width
margin-top: -100px; // la mitad del height
}
flexo
Ahí quería llegar yo...
Es que no ponía el margin -100 y por eso me tomaba como centro de la página el punto superior izdo de la imagen, ¿no?
Zenkius, lo corregiré
orange
Es que ese es precisamente el truquillo, centras al punto central, y le restas la mitad de las dimensiones