"Entonces, ¿alguien sabe cómo crear un contenedor centrado
horizontalmente en la ventana del browser dentro del cual puedan
anidarse elementos con posicionamiento absoluto? (sin utilizar
javascript)"
Si ;-). Utiliza position: relative
body {
...
text-align: center; /* Para centrar el contenedor */
...
}
div#contenedor {
margin: "loquesea" auto;
position: relative;
...
}
Espero que te sirva...
----- Original Message -----
From: "Sebastian Gurin" <[EMAIL PROTECTED]>
To: <[email protected]>
Sent: Tuesday, July 11, 2006 1:10 PM
Subject: [Ovillo] posicionamiento absoluto y alineación centrada
Hola a todos. Este es mi primer mensaje a la lista. Actualmente me
encuentro desarrollando un diseñador gráfico de formularios web. Estoy
generando el código de los widgets utilizando el posicionamiento
absoluto de css (position: absolute; top: Y; left: X; width:W;
heigth:H; ....) para posicionar los widgets en el html que el usuario
"dibuja". Por ejemplo, el código de un botón es algo así como:
<button id="button1" class="button" style="position:absolute;
top:39px; left:147px; width:85px; height:30px; z-index:0; border-style:
solid; border-color: #646464; border-width: thin; background-color:
#b5d3ea" type="submit">Submit</button>
El tema es que quiero centrar el formulario en el html, para que cuando
se redimensione la ventana del browser el formulario quede siempre en el
medio. este comportamiento se puede ver en las páginas
http://www.ovillo.org/ y http://es.yahoo.com.
En estos sitios, se usa un contenedor padre con un estilo como {width:
80%; margin-right: auto; margin-left: auto; margin-bottom: 20px}. Sin
embargo, si meto los widgets (con posicionamiento absoluto como el del
botón anterior) adentro de este contenedor, no se muestran o no respetan
el centrado.
Entonces, ¿alguien sabe cómo crear un contenedor centrado
horizontalmente en la ventana del browser dentro del cual puedan
anidarse elementos con posicionamiento absoluto? (sin utilizar
javascript)
Muchas gracias. Espero que hallan entendido mi pregunta y que tengan
alguna idea.
_______________________________________________
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
_______________________________________________
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
