RE: [Ovillo] centrar pagina en posicion horizontal y vertical
Supongo que esta respuesta es una broma
-*-
juan pablo aqueveque
www.juque.cl
> -Mensaje original-
> De: [EMAIL PROTECTED]
> [mailto:[EMAIL PROTECTED] En nombre de ®obez_
> Enviado el: lunes, 18 de octubre de 2004 6:53
> Para: Ovillo, la lista de CSS en castellano
> Asunto: Re: [Ovillo] centrar pagina en posicion horizontal y vertical
>
>
> si la estás haciendo con Dreamweaver... en la primera linea
> de código aparecerá esto: HTML 4.01 Transitional//EN"> simplemente borra esta linea...
> verás que bien le sienta a tu centrado 'total'
>
> además no deberías centrarlo al body ' a pelo'
> deberías hacer una tabla 100% de alto, 100% de ancha y dentro
> con el td en center y middle colocar tu pelicula swf.
>
> vamos, asi lo hago yo siempre y ningún problema.
>
> robez_
>
>
> - Original Message -
> From: "César Pérez Miguel" <[EMAIL PROTECTED]>
> To: "Ovillo, la lista de CSS en castellano" <[EMAIL PROTECTED]>
> Sent: Saturday, October 16, 2004 1:25 PM
> Subject: [Ovillo] centrar pagina en posicion horizontal y vertical
>
>
> hola estoy haciendo un página y necesito centrar su contenido
> en horizontal y vertical, porque lo que contiene es una
> pelicula flash total que el estilo del body es el siguiente:
>
> body {
> background-image:url(../Imagenes/fondoSitio.gif);
> background-position: center center;
> text-align:center;
> vertical-align:middle;
> }
>
> me lo centra en la parte horizontal pero no me lo centra en vertial
>
> bueno gracias por todo y un saludo a todos desde zaragoza
> ciudad ___
> 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
>
>
> ___
> 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
>
___
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
Re: [Ovillo] centrar pagina en posicion horizontal y vertical
quitarle el doctype a tu documento nunca es algo bueno, y eventualmente
si te causará problemas con navegadores estrictos.
si quieres que tu tabla sea de 100% de alto, se puede hacer de manera
válida y hasta con xhtml estricto.
http://disenorama.com/100porciento.htm
aun asi, me parecen mucho mejor las otras maneras de centrar con css
puro y sin necesidad de tablas extras
saludos!
kemie
®obez_ wrote:
si la estás haciendo con Dreamweaver... en la primera linea de código
aparecerá esto:
simplemente borra esta linea... verás que bien le sienta a tu centrado
'total'
además no deberías centrarlo al body ' a pelo'
deberías hacer una tabla 100% de alto, 100% de ancha y dentro con el td en
center y middle colocar tu pelicula swf.
vamos, asi lo hago yo siempre y ningún problema.
robez_
- Original Message -
From: "César Pérez Miguel" <[EMAIL PROTECTED]>
To: "Ovillo, la lista de CSS en castellano" <[EMAIL PROTECTED]>
Sent: Saturday, October 16, 2004 1:25 PM
Subject: [Ovillo] centrar pagina en posicion horizontal y vertical
hola estoy haciendo un página y necesito centrar su contenido en horizontal
y vertical, porque lo que contiene es una pelicula flash total que el estilo
del body es el siguiente:
body {
background-image:url(../Imagenes/fondoSitio.gif);
background-position: center center;
text-align:center;
vertical-align:middle;
}
me lo centra en la parte horizontal pero no me lo centra en vertial
bueno gracias por todo y un saludo a todos desde zaragoza ciudad
___
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
___
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
___
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
RE: [Ovillo] Tres columnas ancho fijo
Oscar:
Es difícil que te podamos ayudar si pones algo de código o tu sitio
funciones, ya que intenté acceder a él pero tuve puros 404. ok, aquí te
pongo el css y el esquema para dos columnas que siempre estarán del mismo
ancho indepediente del tamaño de la la fuente.
/* CSS
- */
#c-i {
float:left;
width:100px;
border:1px solid #ccc;
}
#c-d {
width:100px;
border:1px solid #ccc;
margin-left:105px;
}
col izq
col der
Espero te sirva, la técnica es simple, flotamos la #c-i a la izquierda y
luego le damos el margen correspondiente a #c-d que corresponde al ancho de
#c-i con 5 pixeles de separación. Adáptalo a tus necesidades.
Saludos,
-*-
juan pablo aqueveque
www.juque.cl
> -Mensaje original-
> De: [EMAIL PROTECTED]
> [mailto:[EMAIL PROTECTED] En nombre de Oscar Linares
> Enviado el: lunes, 18 de octubre de 2004 12:51
> Para: [EMAIL PROTECTED]
> Asunto: [Ovillo] Tres columnas ancho fijo
>
>
>
> Hola a todos.
>
> Quiero crear una estructura de tres columnas con un ancho
> fijo. Lo podéis ver en
> http://www.iniziolab.com/pruebas/col_v2_pruebas.html
>
> En principio funciona bien pero al ampliar el tamaño del
> texto desde el navegador en IE la columna situada a la
> derecha va entrando en la zona asignada a la columna central.
> En Firefox no hay problemas.
>
> ¿Qué hago mal? ¿Es posible corregir este fallo?
>
> Un saludo y gracias.
>
> Oscar
>
>
>
> ___
> 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
>
___
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
[Ovillo] Tres columnas ancho fijo
Hola a todos. Quiero crear una estructura de tres columnas con un ancho fijo. Lo podéis ver en http://www.iniziolab.com/pruebas/col_v2_pruebas.html En principio funciona bien pero al ampliar el tamaño del texto desde el navegador en IE la columna situada a la derecha va entrando en la zona asignada a la columna central. En Firefox no hay problemas. ¿Qué hago mal? ¿Es posible corregir este fallo? Un saludo y gracias. Oscar ___ 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
[Ovillo] Alinear izquierda y derecha en la misma lista
Buenas, ¿como puedo hacer que en una misma linea una parte del texto se alinee a la izquierda y otra a la derecha? Si pongo la 2nda parte del texto (la que va la derecha) en un span me hace un salto de página :( Gracias!!! PD: Respecto al otro tema del diseño liquido y imagenes en los margenes estoy por mirar en el explorer pero creo que casi lo tengo, gracias a todos -- Jordi Bufí Caballero <[EMAIL PROTECTED]> Neurotic, SCP - www.neuroticweb.com Tel 938 492 028 | Fax 938 403 568 Can Gabatx, s/n - 08520 Les Franqueses del Valles ___ 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
[Ovillo] Seminario del W3C sobre interacción multimodal en Madrid
Hola a Todos, Desde la Oficina Española del W3C [1] queremos haceros llegar ésta información que, aunque se escapa de la temática "oficial" de la lista, estamos seguros de que puede ser de gran interés para muchos de vosotros. Creemos que es un evento de gran interés y por eso intentamos darle la mayor difusión posible, esperando que asista todo el que pueda. Próximamente organizaremos otros eventos de los que os mantendremos informados. SEMINARIO DEL W3C SOBRE INTERACCIÓN MULTIMODAL EN MADRID Como parte del proyecto Mweb [2] del programa Europeo IST y coincidiendo con la parada en Madrid de la "Gira Estándares W3C 2004" [3], se celebrará un Seminario sobre Interacción Multimodal [4] el 18 de Noviembre, en la Escuela Técnica Superior de Telecomunicaciones de la Universidad Politécnica de Madrid. El programa de este evento [5] de un día completo, incluye presentaciones de Miembros del W3C y personal del Equipo del W3C. Los interesados en asistir deben inscribirse [6], antes del 11 de Noviembre. La inscripción es gratuita y el seminario está abierto al público. Visite la página principal de Interacción Multimodal [7] para más información. [1] - http://www.w3c.es/ [2] - http://www.w3.org/2004/MWeb/Overview.html [3] - http://www.w3c.es/gira/ [4] - http://www.w3c.es/Eventos/2004/Noviembre/MMI/ [5] - http://www.w3c.es/Eventos/2004/Noviembre/MMI/#agenda [6] - http://www.w3c.es/Eventos/2004/Noviembre/MMI/inscripcion [7] - http://www.w3.org/2002/mmi/ Un saludo, -- Carlos Iglesias Moro W3C Oficina Española Parque Científico-Tecnológico de Gijón 33203 - Gijón, Asturias, España teléfono: +34 984390616; +34 984291212; fax: +34 984390612 email: [EMAIL PROTECTED] URL: http://www.w3c.es ___ 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
Re: [Ovillo] centrar pagina en posicion horizontal y vertical
si la estás haciendo con Dreamweaver... en la primera linea de código
aparecerá esto:
simplemente borra esta linea... verás que bien le sienta a tu centrado
'total'
además no deberías centrarlo al body ' a pelo'
deberías hacer una tabla 100% de alto, 100% de ancha y dentro con el td en
center y middle colocar tu pelicula swf.
vamos, asi lo hago yo siempre y ningún problema.
robez_
- Original Message -
From: "César Pérez Miguel" <[EMAIL PROTECTED]>
To: "Ovillo, la lista de CSS en castellano" <[EMAIL PROTECTED]>
Sent: Saturday, October 16, 2004 1:25 PM
Subject: [Ovillo] centrar pagina en posicion horizontal y vertical
hola estoy haciendo un página y necesito centrar su contenido en horizontal
y vertical, porque lo que contiene es una pelicula flash total que el estilo
del body es el siguiente:
body {
background-image:url(../Imagenes/fondoSitio.gif);
background-position: center center;
text-align:center;
vertical-align:middle;
}
me lo centra en la parte horizontal pero no me lo centra en vertial
bueno gracias por todo y un saludo a todos desde zaragoza ciudad
___
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
___
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
Re: [Ovillo] IE 5.0 no me entiende los floats
Gracias Daniel por responder a mi pregunta.
Lamentablemente si quito los Position se me desparrama todo. Los float los
he especificado antes como right{float:right}; y left{float:left};
He detectado que este problema que solo se da con IE 5.0 desaparece si
quito el id que contiene la imagen de mi empresa es decir:
que es el que tiene asignado el float right y el que provoca todo el
pifostio
Aquí va su css
#logo_miempresa{
top: 0px;
right: 0px;
position: absolute;
}
¿Sería mejor usar un margin-left?
Gracias a todos
Original Message:
-
From: Daniel Garcia [EMAIL PROTECTED]
Date: Mon, 18 Oct 2004 02:51:39 +0200
To: [EMAIL PROTECTED]
Subject: Re: [Ovillo] IE 5.0 no me entiende los floats
Creo que el problema es el "position". En vez de position usa float:left y
float:right para posicionar dentro del contenedor.
Hay varios hilos sobre este tema en esta lista.
Daniel G. B.
At 11:17 14/10/2004, you wrote:
>Hola a todos
>
>Tengo un diseño líquido que se ve correctamente en todos los navegadores
>expecto en IE5.0. El problema es que al decirle float:right no lo entiende
>y me descuadra todo.
>
>Este es el código
>
>
>
> src="../imagenes/logo_miempresa.jpg" alt="Logo Mi
>empresa" longdesc="xxx" />
> src="../imagenes/logo_cliente.jpg" alt="Logo
>Cliente width="157" height="133" longdesc="xxx" />
>
>
>
>
>Para la siguiente css...
>
>/* Configuracion del Contenedor */
>#contenedor{
> margin: 5px,0,5px,5px;
> background:#fff;
> padding:0;
>}
>/* Configuracion de la cabecera con una imagen de fondo*/
>#cabecera{
> position:relative;
> height:133px;
> background-color:#fff;
> background-repeat:repeat-x;
> background-image:url("../imagenes/fondo_cabecera.gif");
> background-position:bottom;
>}
>#logo_cliente{
> top: 0px;
> left: -4px;
> position: absolute;
> voice-family: "\"}\"";
> voice-family:inherit;
> margin-left: 0;
> top: 0px;
> left: 0px;
> position: absolute;
>}
>#logo_miempresa{
> top: 0px;
> right: 0px;
> position: absolute;
>}
>
>
>He declarado antes los right y left como float:right y left
respectivamente.
>
>¿Me podríais decir como puede IE 5.0 entender esto?
>
>Muchas gracias y un saludo a la lista
>
>Fernando
>
___
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
mail2web - Check your email from the web at
http://mail2web.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
Re: [Ovillo] IE 5.0 no me entiende los floats
Creo que el problema es el "position". En vez de position usa float:left y
float:right para posicionar dentro del contenedor.
Hay varios hilos sobre este tema en esta lista.
Daniel G. B.
At 11:17 14/10/2004, you wrote:
Hola a todos
Tengo un diseño líquido que se ve correctamente en todos los navegadores
expecto en IE5.0. El problema es que al decirle float:right no lo entiende
y me descuadra todo.
Este es el código
Para la siguiente css...
/* Configuracion del Contenedor */
#contenedor{
margin: 5px,0,5px,5px;
background:#fff;
padding:0;
}
/* Configuracion de la cabecera con una imagen de fondo*/
#cabecera{
position:relative;
height:133px;
background-color:#fff;
background-repeat:repeat-x;
background-image:url("../imagenes/fondo_cabecera.gif");
background-position:bottom;
}
#logo_cliente{
top: 0px;
left: -4px;
position: absolute;
voice-family: "\"}\"";
voice-family:inherit;
margin-left: 0;
top: 0px;
left: 0px;
position: absolute;
}
#logo_pwc{
top: 0px;
right: 0px;
position: absolute;
}
He declarado antes los right y left como float:right y left respectivamente.
¿Me podríais decir como puede IE 5.0 entender esto?
Muchas gracias y un saludo a la lista
Fernando
___
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
Re: [Ovillo] [Fwd: [WSG] Some links for light reading (17/10/04)]
-BEGIN PGP SIGNED MESSAGE- Hash: SHA1 Creo que no ha pasado el adjunto - -- /* Estos días con cachirulo /* Daniel Torres Burriel - www.torresburriel.com /* Web design - Usability consulting - IT Press /* More info & bio: www.torresburriel.com/perfil/ /* GPG key: 0x43DB2AB7 -BEGIN PGP SIGNATURE- Version: GnuPG v1.2.1 (MingW32) Comment: Using GnuPG with Thunderbird - http://enigmail.mozdev.org iD8DBQFBclLzLelthkPbKrcRAjmwAKDpBSBm9t/zxLBLHrWSE7TtkoSNtgCfTGOL kSfP3nRkd1uCMgdX1Xa1TxE= =MMFJ -END PGP SIGNATURE- ___ 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
Re: [Ovillo] Columna izquierda, derecha y pie
Hola!
¿Has probado con la propiedad de css2 "overflow"?
Tiene 5 valores, hidden, scroll, auto, inherit y por defecto visible.
http://www.sidar.org/recur/desdi/traduc/es/css/visufx.html#overflow
Daniel G.
At 10:43 14/10/2004, you wrote:
Hola a tod*s:
Tengo una página con una columna izquierda que contiene un menu en forma
de lista, una columna derecha, con los contenidos de la página y un pie
que contiene links.
El pie se debe mantener siempre al final de la página.
El problema surge cuando coloco, por ejemplo, una tabla con datos en la
columna de la derecha. La tabla suele ser grande, con más de 5 columnas y
muchos datos. En Internet Explorer a 800 x 600 muy a menudo la columna
derecha salta y se coloca debajo de la izquierda. En Firefox esto no pasa. .
¿Cómo debería hacerlo para que no se desmontase en IExplorer?
Muchas gracias por adelantado.
Pep Alberola.
Salud
Os adjunto el código:
- CSS:
#Izquierda, #Derecha { float: left; }
#Izquierda { width:20%;}
#Derecha { width:79%;}
#Pie { clear:left; position:relative;}
- HTML:
Menu vertical
Contenido principal de la pagina
Aqui inserto la tabla de datos:
El contenido de la tabla interesa que sea bien legible en pantalla
datos datos
Menu de texto al final de pagina
___
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
___
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
