[Ovillo] Centrar página con ancho dinámico
Hola, tengo una duda respecto a
si tengo un sitio con medidas de ancho rdinámico, por ej. 90%, y
quiero que se vea centrado, qué código debo utilizar en el CSS?
Cuando trabajaba con anchos fijos, el código era:
#contenedor { /* Posiciona al sitio en el centro de la pantalla */
position: absolute;
margin-left: -380px;
left: 50%;
top: 1px;
width:760px;
}
modifico las cifras con porcentajes pero no logro centrarlo.
Si alguien me ayuda, debe ser una tontería, pero con el apuro que
tengo no termino de darme cuenta...
Gracias!
Marcela
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Centrar página con ancho dinámico
Te respondo de cabeza y a lo mejor me equivoco, pero creo que sería
#contenedor {
margin: 0 auto;
}
y esto te serviría tanto para ancho dinámico como para ancho fijo.
El 24 de julio de 2009 17:30, marcela sluka marcelasl...@gmail.comescribió:
Hola, tengo una duda respecto a
si tengo un sitio con medidas de ancho rdinámico, por ej. 90%, y
quiero que se vea centrado, qué código debo utilizar en el CSS?
Cuando trabajaba con anchos fijos, el código era:
#contenedor { /* Posiciona al sitio en el centro de la pantalla */
position: absolute;
margin-left: -380px;
left: 50%;
top: 1px;
width:760px;
}
modifico las cifras con porcentajes pero no logro centrarlo.
Si alguien me ayuda, debe ser una tontería, pero con el apuro que
tengo no termino de darme cuenta...
Gracias!
Marcela
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Centrar página con ancho dinámico
Aupa
la verdad que ya sea con ancho fijo o dinámico una buena manera es:
body{
text-align: center; /*creo recordar que esto era mas que nada para IE*/
}
#contenedor{
margin: 0 auto;
}
La que usas me parece un poco rebuscada la verdad ;)
saludos
El 24/07/2009, a las 17:30, marcela sluka escribió:
Hola, tengo una duda respecto a
si tengo un sitio con medidas de ancho rdinámico, por ej. 90%, y
quiero que se vea centrado, qué código debo utilizar en el CSS?
Cuando trabajaba con anchos fijos, el código era:
#contenedor { /* Posiciona al sitio en el centro de la pantalla */
position: absolute;
margin-left: -380px;
left: 50%;
top: 1px;
width:760px;
}
modifico las cifras con porcentajes pero no logro centrarlo.
Si alguien me ayuda, debe ser una tontería, pero con el apuro que
tengo no termino de darme cuenta...
Gracias!
Marcela
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente
dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Centrar página con ancho dinámico
Hola Marcela!
si tengo un sitio con medidas de ancho rdinámico, por ej. 90%, y
quiero que se vea centrado, qué código debo utilizar en el CSS?
Podría ser:
#contenedor {
position: absolute;
width:90%;
margin-left: -45%; /* la mitad del width */
left: 50%;
top: 1px;
}
Saludos!
--
Hernán Beati
http://www.saberweb.com.ar
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Centrar página con ancho dinámico
pues poniendo una capa de tipo contenedora, y aplicandole un margin 0
auto, deberia funcionar sin ningun problema, para IE6, debes aplicarle
un text-align: center; al body.
div id=contenedor
.. aqui va todo el sitio ..
/div
#contenedor {
width: 90%;
margin: 0 auto;
}
saludos a la lista.
El 24 de julio de 2009 11:30, marcela slukamarcelasl...@gmail.com escribió:
Hola, tengo una duda respecto a
si tengo un sitio con medidas de ancho rdinámico, por ej. 90%, y
quiero que se vea centrado, qué código debo utilizar en el CSS?
Cuando trabajaba con anchos fijos, el código era:
#contenedor { /* Posiciona al sitio en el centro de la pantalla */
position: absolute;
margin-left: -380px;
left: 50%;
top: 1px;
width:760px;
}
modifico las cifras con porcentajes pero no logro centrarlo.
Si alguien me ayuda, debe ser una tontería, pero con el apuro que
tengo no termino de darme cuenta...
Gracias!
Marcela
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
--
Jonathan C.
lockhe...@gmail.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Centrar página con ancho dinámico
Perdon pero usar el caos ese de position absolute para centrar un elemento
es realmente horrible, ridículo y poco útil.Obviamente siempre margin:0
auto; como dijeron los muchachos.
2009/7/24 Jonathan C. lockhe...@gmail.com
pues poniendo una capa de tipo contenedora, y aplicandole un margin 0
auto, deberia funcionar sin ningun problema, para IE6, debes aplicarle
un text-align: center; al body.
div id=contenedor
.. aqui va todo el sitio ..
/div
#contenedor {
width: 90%;
margin: 0 auto;
}
saludos a la lista.
El 24 de julio de 2009 11:30, marcela slukamarcelasl...@gmail.com
escribió:
Hola, tengo una duda respecto a
si tengo un sitio con medidas de ancho rdinámico, por ej. 90%, y
quiero que se vea centrado, qué código debo utilizar en el CSS?
Cuando trabajaba con anchos fijos, el código era:
#contenedor { /* Posiciona al sitio en el centro de la pantalla */
position: absolute;
margin-left: -380px;
left: 50%;
top: 1px;
width:760px;
}
modifico las cifras con porcentajes pero no logro centrarlo.
Si alguien me ayuda, debe ser una tontería, pero con el apuro que
tengo no termino de darme cuenta...
Gracias!
Marcela
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
--
Jonathan C.
lockhe...@gmail.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
--
↓ Ignacio Ricci
www.ignacioricci.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Centrar página con ancho dinámico
Gracias a todos! Pero la solución que me dio Hernán es la que me está
dando mejor resultado al probarlo... Si le quito el position: absolute
al contenedor, me desarma toda la alineación de capas que tengo...
El 24 de julio de 2009 12:55, Ignacio Ricciignacio.ri...@gmail.com escribió:
Perdon pero usar el caos ese de position absolute para centrar un elemento
es realmente horrible, ridículo y poco útil.Obviamente siempre margin:0
auto; como dijeron los muchachos.
2009/7/24 Jonathan C. lockhe...@gmail.com
pues poniendo una capa de tipo contenedora, y aplicandole un margin 0
auto, deberia funcionar sin ningun problema, para IE6, debes aplicarle
un text-align: center; al body.
div id=contenedor
.. aqui va todo el sitio ..
/div
#contenedor {
width: 90%;
margin: 0 auto;
}
saludos a la lista.
El 24 de julio de 2009 11:30, marcela slukamarcelasl...@gmail.com
escribió:
Hola, tengo una duda respecto a
si tengo un sitio con medidas de ancho rdinámico, por ej. 90%, y
quiero que se vea centrado, qué código debo utilizar en el CSS?
Cuando trabajaba con anchos fijos, el código era:
#contenedor { /* Posiciona al sitio en el centro de la pantalla */
position: absolute;
margin-left: -380px;
left: 50%;
top: 1px;
width:760px;
}
modifico las cifras con porcentajes pero no logro centrarlo.
Si alguien me ayuda, debe ser una tontería, pero con el apuro que
tengo no termino de darme cuenta...
Gracias!
Marcela
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
--
Jonathan C.
lockhe...@gmail.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
--
↓ Ignacio Ricci
www.ignacioricci.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Centrar página con ancho dinámico
Gracias a todos! Pero la solución que me dio Hernán es la que me está dando mejor resultado al probarlo... Si le quito el position: absolute al contenedor, me desarma toda la alineación de capas que tengo... aupa Si al quitarle position:absolute se te desarma es porque al no tener el contenedor un position definido los elementos pierden al contenedor como referencia y la referencia pasa a ser el body, si le pones al contenedor position: relative volverá a ser la referencia pero se te centrará igualmente con el margin: 0 auto; todo esto si no me equivoco porque hablo de memoria y no probando las cosas :) saludos ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Centrar página con ancho dinámico
marcela sluka escribió:
Gracias a todos! Pero la solución que me dio Hernán es la que me está
dando mejor resultado al probarlo... Si le quito el position: absolute
al contenedor, me desarma toda la alineación de capas que tengo...
Eso es porque las capas (tus divs con position:absolute) deben tomar
como referencia para sus coordenadas algo que no sea static, y en tu
caso serviría (como leo que te acaba de decir Martín mientras escribo
esto) tanto position:absolute en el contenedor, como position:relative.
Volviendo a tu necesidad, se arreglaría también si pusieras:
body{
text-align: center; /* centra en Explorer */
}
contenedor {
position: relative; /* sirve de coordenadas para los absolutos que haya
dentro */
margin: 0 auto; /* centra en todos menos Explorer */
width:90%;
text-align: left; /* para volver el texto a la izquierda */
}
De esa manera también te funcionaría.
Y no creo que una técnica sea mejor que la otra, las dos funcionan.
El centrado con margin:0 auto sirve para bloques static o relative, y
el centrado con márgenes negativos sirve para bloques absolute.
Distintas técnicas, para distintos problemas.
Saludos,
--
Hernán Beati
http://www.saberweb.com.ar
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Centrar página con ancho dinámico
Hola yo lo haria asi:
#contenedor {
width: 90%;
margin: 0 auto;
float:left;
}
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Centrar página con ancho dinámico
Gracias!! Ya resolví cómo hacerlo, pero si pongo float:left en vez de
text-align se desarma todo. Lo que ahora debo resolver es el
alineamiento de las capas internas, porque estoy evitando anidarlas y
se superponen de manera horrorosa. es la primera vez que uso tamaños
dinámicos para hacer el sitio más accesible y me estoy volviendo loca.
El 24 de julio de 2009 13:51, J.Enrique M.P.joskikem...@gmail.com escribió:
Hola yo lo haria asi:
#contenedor {
width: 90%;
margin: 0 auto;
float:left;
}
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] [posible OT] utf-8 y basura en lugar de ? al usar confirm
Perdon lista no estoy muy seguro si la pregunta es aqui, pero como tiene que ver con lo visual mas que con la programación creo que si lo es. Tengo en mi pagina !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd; html head meta http-equiv=Content-Type content=text/html; charset=utf-8 meta http-equiv=X-UA-Compatible content=IE=8 / ... y una parte en javascript que dice if(confirm(¿estas seguro?)) el problema es que el signo de interrogación apertura en FF 3.5.0 me muestra un rombo y en IE 8 me muestra un cuadro. Parece ser que ninguno entiende el ?. ¿Soy solo yo o alguien lo puede confirmar? y si sabe como hacer que se vea bien, me quite mi ignorancia por favor. -- Lo bueno de vivir un dia mas es saber que nos queda un dia menos de vida ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Centrar página con ancho dinámico
Crea un div que se llame centrado. Establece el ancho y luego en
margin solo pon 0 auto. Todo lo que vaya dentro de ese div estará
centrado, asi lo hago yo. Saludos.
El 24/07/09, marcela sluka marcelasl...@gmail.com escribió:
Hola, tengo una duda respecto a
si tengo un sitio con medidas de ancho rdinámico, por ej. 90%, y
quiero que se vea centrado, qué código debo utilizar en el CSS?
Cuando trabajaba con anchos fijos, el código era:
#contenedor { /* Posiciona al sitio en el centro de la pantalla */
position: absolute;
margin-left: -380px;
left: 50%;
top: 1px;
width:760px;
}
modifico las cifras con porcentajes pero no logro centrarlo.
Si alguien me ayuda, debe ser una tontería, pero con el apuro que
tengo no termino de darme cuenta...
Gracias!
Marcela
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
--
Enviado desde mi dispositivo móvil
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] [posible OT] utf-8 y basura en lugar de ? al usar confirm
alert(escape()); alert(unescape()); Cordialment, Marc Palau Http://www.cdmon.com El 25/07/2009, a las 04:29, Miguel Beltran R. yourpa...@gmail.com escribió: Perdon lista no estoy muy seguro si la pregunta es aqui, pero como tiene que ver con lo visual mas que con la programación creo que si lo es. Tengo en mi pagina !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd; html head meta http-equiv=Content-Type content=text/html; charset=utf-8 meta http-equiv=X-UA-Compatible content=IE=8 / ... y una parte en javascript que dice if(confirm(¿estas seguro?)) el problema es que el signo de interrogación apertura en FF 3.5.0 me muestra un rombo y en IE 8 me muestra un cuadro. Parece ser que ninguno entiende el ?. ¿Soy solo yo o alguien lo puede confirmar? y si sabe como hacer que se vea bien, me quite mi ignorancia por favor. -- Lo bueno de vivir un dia mas es saber que nos queda un dia menos de vida ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección : http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
