El 22/11/2004, a las 15:21, Camilo Kawerín escribió:
Hola,
Mauro Borquez | Emebe escribió:Hola gente les transcribo un problema que tengo para centrar un div haber si
me pueden ayudar.
Acá va mi código:
En la css tengo: div.general {width: 780px; margin-left: auto;
margin-right: auto;}
Y en el html: <div class="general">
<div id="logo"><img src="data/logo.gif"></div>
<div id="menu">menu</div>
<hr>
<div id="titulo">PORTADA 1</div>
<hr>
</div>
Supuestamente esto debeía aparecer centrado o al menos esa es mi intención,
si alguien me puede corregir lo agradecería.
Depende de dónde lo estés viendo. Si es un navegador que interpreta correctamente CSS2 tiene que funcionar (Firefox, por ejemplo). En Explorer 6, en cambio, no funciona y tenés que agregarle un text-align:center; al elemento contenedor (en body {}, por ejemplo). Ah, y yo pondría:
<div id="general">
#general {width: 780px; margin: auto; }
Espero que te sea de ayuda. Saludos!
Yo la verdad es que siempre habia centrado una capa de la forma:
#div {
position:absolute /*absolute con la ventana o relative con el padre*/
width: 780px;
left: 50%;
margin-left: -390px;
}es decir, como ya se de fijo la anchura de la capa, entonces la situo a la mitad de la ventana (o de la capa padre) y la desplazo justamente la mitad hacia la izquierda con lo que me queda centrada, y no he tenido por ahora ningun problema en ningun navegador :o
hec spc web: http://www.xponja.net personal web: http://www.goto20.com
_______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
