Re: [Ovillo] Columnas que me desbordan un div
Lo del height es correcto si esas columnas tienen un height fijo, pero
deduzco que no es el caso.
Lo mejor, si quieres q la columna derecha te englobe todos los elementos
es q despues de las columnas flotantes y antes de cerrar el div de la
derecha te crees un div para limpiar los elementos flotantes:
Algo asi:
div id=derecha
div id=bloque/div
div id=sidebar1/div
div id=sidebar2/div
div class=clear/div (donde .clear{clear:both;})
/div
De este forma el #derecha siempre te englobará todos los elementos que contenga
aunque sean flotantes.
Salu2
Juan José Montes de Oca Arbós escribió:
Hola Luis, el funcionamiento que ves en FireFox es el correcto según los
estandars. IE tiene un error que te ajustá el tamaño del contenedor de
acuerdo a los objetos interiores... tenés que haces el div exterior
(id=derecha) con un height mas alto.
Saludos
El día 20/02/07, luis cruz salanova [EMAIL PROTECTED] escribió:
Hola, os escribo porque no encuentro la solución a un
problema que debe ser e priori sencillo. A ver si alguien me pudiera echar
una
mano. Estaba maquetando una estructura más o menos sencilla en esta
dirección de
pruebas y no se porque la columna de la derecha no baja en firefox con las
columnas que contiene.
Lo podéis ver en testa dirección:
http://cambalachemadrid.com/3columnas/index2.html
Un saludo y gracias por anticipado.
___
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
--
==
Oscar Arenas Alcazar
[EMAIL PROTECTED]
- Web Designer -
Dpto. Internet
Grupo MILLOR SOFT S.L.
==
___
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] off-topic javascript
salud marc.
muchas gracias por la explicación y por las puntualizaciones sobre estadares
y accesibilidad.
son muy bien recibidas y las he implementado inmediatamente.
sin embargo el tema del dichoso cuadrado blanco con la x sigue
incordiándome.
con éste código sigue apareciendo:
html lang=es
head
script type=text/javascript
//Esto realmente no es necesario
//pero si te da problemas de carga
//le metemos chicha
var i = new Image();
i.src=pencil.png;
window.onload=function(){
imglink = document.getElementById('imagen');
alink = document.getElementById('link');
alink.onmouseover=function(){
imglink.style.display=inline;
}
alink.onmouseout=function(){
imglink.style.display=none;
}
imglink.style.display=none;
}
/script
style
#divContenedor {
position:relative;
}
#imagen {
position:absolute;
top:0px;
left:30px;
z-index:9;
float:left;
border:0;
display:none;
}
#boton {
z-index:10;
position:absolute;
width:20px;
height:20px;
border:0px;
}
#link:hover #imagen {
width:200px;
height:200px;
background:url(graphics/img_gistredo/jpg/1.jpg);
text-align:center;
}
/style
/head
body
div id=divContenedor
a href=# id=link title=enlace
img id=boton src=graphics/boton_prueba.gif
alt=BOTON /
img id=imagen src=pencil.png alt=- /
/a
/div
/body
/html
algo debo estar pasando por alto.
un saludo!!
___
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] off-topic javascript
On 2/21/07, sn [EMAIL PROTECTED] wrote:
[...]
#link:hover #imagen {
width:200px;
height:200px;
background:url(graphics/img_gistredo/jpg/1.jpg);
text-align:center;
}
/style
/head
body
div id=divContenedor
a href=# id=link title=enlace
img id=boton src=graphics/boton_prueba.gif
alt=BOTON /
img id=imagen src=pencil.png alt=- /
/a
/div
/body
/html
algo debo estar pasando por alto.
un saludo!!
Has probado a quitar la linea esa de:
background:url(graphics/img_gistredo/jpg/1.jpg);
Me extraña que IE sepa dibujar un fondo a una imagen. Lo tenia por un
motor de renderizado bastante limitado.
___
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] off-topic javascript
Perdonar que haga un OT dentro de otro OT, pero ya me ha pasado dos veces, y
no se me ocurre otra forma de preguntarlo...
He mandado un mail a ovillo@lists.ovillo.org y no lo recibo en mi outlook, y
por lo que veo vosotros tampoco.
Lo mismo me pasó hace unos meses cuando relicé una consulta... y tampoco
recibo errores. Lo curioso es que RESPONDO a uno de los mails, y sí que
funciona (antes lo hacía así siempre, cuando no sabía lo que era eso de
secuestro de threads).
¿Cómo hago para enviar un mail a la lista?
Si lo preferís podéis responderme directamente a [EMAIL PROTECTED]
Gracias y disculpad este OTOT.
__
?php
$Autor = Iban Rodriguez;
// Programador, THE MOVIE
?
www.themovie.org
-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] nombre de Marc Palau
Enviado el: miércoles, 21 de febrero de 2007 12:38
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] off-topic javascript
En teoría está bien, pero me gustaría hacer pruebas con exactamente lo que
tienes, te parece bien empaquetar-lo todo en un zip y enviarlo? (el
ejemplo con las imágenes).
También estaría bien saber con que navegador te está fallando, así como si
solo es con uno o con todos.
Para facilitar las cosas, mandame el zip a mi correo marc arroba palaueb
punto com.
saludos!!
Marc
salud marc.
muchas gracias por la explicación y por las puntualizaciones sobre
estadares
y accesibilidad.
son muy bien recibidas y las he implementado inmediatamente.
sin embargo el tema del dichoso cuadrado blanco con la x sigue
incordiándome.
con éste código sigue apareciendo:
html lang=es
head
script type=text/javascript
//Esto realmente no es necesario
//pero si te da problemas de carga
//le metemos chicha
var i = new Image();
i.src=pencil.png;
window.onload=function(){
imglink = document.getElementById('imagen');
alink = document.getElementById('link');
alink.onmouseover=function(){
imglink.style.display=inline;
}
alink.onmouseout=function(){
imglink.style.display=none;
}
imglink.style.display=none;
}
/script
style
#divContenedor {
position:relative;
}
#imagen {
position:absolute;
top:0px;
left:30px;
z-index:9;
float:left;
border:0;
display:none;
}
#boton {
z-index:10;
position:absolute;
width:20px;
height:20px;
border:0px;
}
#link:hover #imagen {
width:200px;
height:200px;
background:url(graphics/img_gistredo/jpg/1.jpg);
text-align:center;
}
/style
/head
body
div id=divContenedor
a href=# id=link title=enlace
img id=boton src=graphics/boton_prueba.gif
alt=BOTON /
img id=imagen src=pencil.png alt=- /
/a
/div
/body
/html
algo debo estar pasando por alto.
un saludo!!
___
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
___
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] Código valido o accesible?
Hola a todos!! os comento mi problema. Tengo una sede web hecha y quiero validar el código y que a su vez sea accesible. Pues bien, cuando consigo que el código sea XHTML válido, me dispongo a corregir los errores de accesibilidad. Usando TAW como herramienta automática de validación me indica el error 6.3 de prioridad 1. Para corregirlo incluyo en la cabecera noscript/noscript con lo que ese error cuando vuelvo a pasarle el validador ya no me aparece. El problema viene cuando después vuelvo a validar el código (http://validator.w3.org) y me indica el siguiente error: document type does not allow element noscript here; assuming missing object start-tag sé que lo más seguro es que el error lo cometa en que me pierdo un poco con los tipos de documentos y los componentes que pueden incluir cada uno de ellos para que sea válido el código, por ello si alguien puede aclararme un poco la situación se lo agradecería enormemente. Un saludo y gracias por todo!! -- José Antonio ___ 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] Código valido o accesible?
José Antonio escribió: os comento mi problema. Tengo una sede web hecha y quiero validar el código y que a su vez sea accesible. Pues bien, cuando consigo que el código sea XHTML válido, me dispongo a corregir los errores de accesibilidad. Usando TAW como herramienta automática de validación me indica el error 6.3 de prioridad 1. Para corregirlo incluyo en la cabecera noscript/noscript con lo que ese error cuando vuelvo a pasarle el validador ya no me aparece. El problema viene cuando después vuelvo a validar el código (http://validator.w3.org) y me indica el siguiente error: document type does not allow element noscript here; assuming missing object start-tag El problema es, como dice el validador que el tipo de documento que utilizas no permite que el elemento noscript esté en el lugar en el que lo has puesto. En ésta página tienes todos los elementos de XHTML, y que padres e hijos pueden tener, entre otras muchas cosas: http://zvon.org/xxl/xhtmlReference/Output/index.html Por ejemplo en XHTML 1.0 Strict el elemento noscript puede heredar de alguno de los siguientes: | blockquote http://zvon.org/xxl/xhtmlReference/Output/Strict/el_blockquote.html | body http://zvon.org/xxl/xhtmlReference/Output/Strict/el_body.html | button http://zvon.org/xxl/xhtmlReference/Output/Strict/el_button.html | dd http://zvon.org/xxl/xhtmlReference/Output/Strict/el_dd.html | del http://zvon.org/xxl/xhtmlReference/Output/Strict/el_del.html | div http://zvon.org/xxl/xhtmlReference/Output/Strict/el_div.html | fieldset http://zvon.org/xxl/xhtmlReference/Output/Strict/el_fieldset.html | form http://zvon.org/xxl/xhtmlReference/Output/Strict/el_form.html | ins http://zvon.org/xxl/xhtmlReference/Output/Strict/el_ins.html | li http://zvon.org/xxl/xhtmlReference/Output/Strict/el_li.html | map http://zvon.org/xxl/xhtmlReference/Output/Strict/el_map.html | noscript http://zvon.org/xxl/xhtmlReference/Output/Strict/el_noscript.html | object http://zvon.org/xxl/xhtmlReference/Output/Strict/el_object.html | td http://zvon.org/xxl/xhtmlReference/Output/Strict/el_td.html | th http://zvon.org/xxl/xhtmlReference/Output/Strict/el_th.html | -- Vicente Gallur Valero http://www.vgcomunicacion.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] a vueltas con el doctype
Ya que este hilo estuvo muy caliente y se dijo bastante, y como que se entendio y no, les comento que también estoy suscrito a la lista de desarrollo de Habari (habariproject.org), y ahí también se discutio el tema de si usar o no XHTML, de lo cual encontré dos enlaces desconcertantes: http://theshapeofdays.com/2007/02/enough_with_the_x_already.html http://theshapeofdays.com/2007/02/more_on_this_xhtml_nonsense.html Luego Mark Pilgrim (no se quien es pero ahí dicen que es lo máximo) apareció y se tumbo a todos para luego dejar algo como esto: XHTML served as text/html is a pointless waste of time; browsers parse it as broken HTML, so it buys you literally nothing. XHTML served as application/xhtml+xml is really really hard to do correctly (see below), but it does allow you to embed SVG inline. Also, to do some incredibly esoteric accessibility stuff that about 50 people in the world understand. Both of these have been backported to HTML (Sam Ruby backported SVG, and I backported the accessibility stuff), so application/xhtml+xml really just buys you a world of hurt for no reason. Anyone who says that XHTML is better or more semantic or more well-defined than HTML is misinformed or lying. Yo (como muchos asumo) pensaba que para servir XHTML como application/xhtml+xml bastaba con usar la etiqueta META, lo cual demuestra Pilgrim es falso, tiene que hacerse desde el lado del servidor: It appears that you are attempting to override the Content-Type HTTP header with a META element. That doesn't work; browsers are still treating your page as text/html. I suggest you change your web server settings to serve your pages with the application/xhtml+xml Content- Type HTTP header and revisiting. Y una vez hecho esto, IE6 por ejemplo en lugar de mostrar la pagina lo que hace es tratar de descargarla. Por lo que si voy a usar algo, tratare de hacerlo bien, y si no tengo idea de cómo servir algo como application/xhtml+xml o que gano con eso, mejor uso HTML 4.01 Estricto Christian Roque G. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de sn Enviado el: lunes, 19 de febrero de 2007 10:18 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] a vueltas con el doctype tras un buen puñado de divergencias absurdas y no tan absurdas con repecto a html vs xhtml y otros temas. tras un top posting(ésto se debe acercar a un record) de 54 topicazos. y tras un descojonante y sincero acercamiento a la verdad por parte del almirante von web, creo que el tema me ha quedado suficientemente claro. mis conclusiones se podrían resumir en los dos puntos siguientes. 1.- hagas lo que hagas, independientemente de cómo lo hagas y de las herramientas que utilices, HAZLO BIEN. o lo que es lo mismo, haz lo mejor que tus posibilidades y conocimientos te permitan. con eso debería bastar y si no es así tampoco hay muchas vueltas que darle. 2- no volver a preguntar sobre el doctype.(jiasjiasjias) un saludo a todos. ___ 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] off-topic javascript
Rollover simple:
script
function permuta(nombre,enlace){
document.getElementById(nombre).src=enlace
}
/script
/head
body
img id=banner src=original.gif width=468 height=60
onMouseOver=permuta('banner','reemplazo.gif')
onMouseOut=permuta('banner','original.gif') /
/body
Almirante von Web/.
--
Educando al asno, por no apalearlo.
©2007 ;-)
- Original Message -
From: sn [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Wednesday, February 21, 2007 6:10 AM
Subject: Re: [Ovillo] off-topic javascript
salud marc.
muchas gracias por la explicación y por las puntualizaciones sobre estadares
y accesibilidad.
son muy bien recibidas y las he implementado inmediatamente.
sin embargo el tema del dichoso cuadrado blanco con la x sigue
incordiándome.
con éste código sigue apareciendo:
html lang=es
head
script type=text/javascript
//Esto realmente no es necesario
//pero si te da problemas de carga
//le metemos chicha
var i = new Image();
i.src=pencil.png;
window.onload=function(){
imglink = document.getElementById('imagen');
alink = document.getElementById('link');
alink.onmouseover=function(){
imglink.style.display=inline;
}
alink.onmouseout=function(){
imglink.style.display=none;
}
imglink.style.display=none;
}
/script
style
#divContenedor {
position:relative;
}
#imagen {
position:absolute;
top:0px;
left:30px;
z-index:9;
float:left;
border:0;
display:none;
}
#boton {
z-index:10;
position:absolute;
width:20px;
height:20px;
border:0px;
}
#link:hover #imagen {
width:200px;
height:200px;
background:url(graphics/img_gistredo/jpg/1.jpg);
text-align:center;
}
/style
/head
body
div id=divContenedor
a href=# id=link title=enlace
img id=boton src=graphics/boton_prueba.gif
alt=BOTON /
img id=imagen src=pencil.png alt=- /
/a
/div
/body
/html
algo debo estar pasando por alto.
un saludo!!
___
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] Código valido o accesible?
On 2/21/07, José Antonio [EMAIL PROTECTED] wrote: Hola a todos!! os comento mi problema. Tengo una sede web hecha y quiero validar el código y que a su vez sea accesible. Pues bien, cuando consigo que el código sea XHTML válido, me dispongo a corregir los errores de accesibilidad. Usando TAW como herramienta automática de validación me indica el error 6.3 de prioridad 1. Para corregirlo incluyo en la cabecera noscript/noscript Náa. Este _supuesto error_ requiere validación humana. El validador automático no sabe realmente si es o no necesario. Lo más probable, si uno está haciendo las cosas bien hechas, es que ese `noscript` sea completamente innecesario. Salud. -- Choan el Zoquete http://choangalvez.nom.es/ ___ 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] Cosas Basicas: Centrado Vertical
Hola gente de la lista,
Pues les cuento que después de mucho probar por fin encontramos una solución
para el centrado vertical con alto fluido (no tan funcional como la tuya
Almirante, pero bastante bien para lo que se buscaba).
Se a probado con IE7, IE6, FF2 y Gran Paradiso A2. También se probo con poco
texto y con mucho texto para ver el efecto de centrado.
Si alguien detecta un error en otro navegador favor avisar,
La solución es un hibrido de:
Stu Nichols (cssplay) y de Mikmoro (aka: Mikel / forosdelweb.com)
http://www.forosdelweb.com/showthread.php?p=1901588posted=1#post1901588
Aquí dejo el código:
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
html
head
titleCentrado vertical/title
style type=text/css
html, body { margin: 0pt; padding: 0pt;
height: 100%;
text-align: center;
}
#marco {
margin: auto;
display: table;
width: 750px;
height: 100%;
text-align: left;
}
#contenedor {
margin: auto;
display: table-cell;
vertical-align: middle;
position: relative;
height: 100%;
}
#vertical_ie { width:0;
height:100%;
display:inline-block;
vertical-align:middle;
}
#texto {
display:inline-block;
vertical-align:middle;
}
/style
/head
body
div id=marco
div id=contenedorspan id=vertical_ie/spanspan
id=texto
pLorem ipsum dolor sit amet, consectetuer adipiscing elit.
Mauris pellentesque turpis vel risus. Nullam tincidunt lacus non urna.
Aliquam erat volutpat. Nam placerat, tortor et mollis facilisis, sapien
mauris dapibus mauris, sit amet pharetra tellus sem ut mi. Sed
tincidunt. Aenean tempus volutpat urna. Quisque at neque. Praesent
venenatis lacus ac massa. Sed accumsan luctus enim. Vestibulum massa
dui, scelerisque sed, dictum rhoncus, lacinia eget, tortor. Ut vel
turpis a elit pharetra pulvinar. Aliquam ut nisl ac nisi tristique
eleifend. Donec tristique ipsum id turpis./p
pVivamus vitae risus in est dictum faucibus. Class aptent
taciti sociosqu ad litora torquent per conubia nostra, per inceptos
hymenaeos. Ut ut pede et ante faucibus commodo. Cras pulvinar turpis
quis risus. Mauris scelerisque. Cras lectus. Aliquam erat volutpat.
Praesent erat nunc, dictum vel, vehicula quis, rutrum sit amet, arcu.
Donec interdum. Quisque tristique, purus non pulvinar cursus, magna
lectus blandit orci, vitae tristique tellus tellus eget est. Quisque
sollicitudin convallis sem. Nunc justo./p
/span
/div
/div
/body
/html
---
Gracias a todos por la ayuda.
Vlad
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of webmaster
Sent: Martes, 20 de Febrero de 2007 12:51 p.m.
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Cosas Basicas: Centrado Vertical
Christian,
27 páginas mas tarde, en la sección de CSS de forosdelweb.com debo de decirte
que sigo con el mismo problema.
Llegamos a 2 posibles soluciones:
Tabla Sama
Y centrado con height definido.
Si tu viste algo que yo no vi, por favor enviame el link, que creo que quedaria
genial matar este problema.
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Christian Roque
Geldres
Sent: Martes, 20 de Febrero de 2007 12:12 p.m.
To: 'Ovillo, la lista de CSS en castellano'
Subject: Re: [Ovillo] Cosas Basicas: Centrado Vertical
Busca en forosdelweb.com, ahí se ha preguntado eso varias veces, el ejemplo de
kemie me desconcierta, ¿el diplay: table-cell no haría que todo dentro del body
se muestre en linea? ¿O es solo el body el que esta en línea?
Claro que seria mas fácil con una tabla, es mas, seria mas fácil si lo dibujas
en Paint perfectamente centrado lo grabas como imagen y lo subes de esa manera.
Christian Roque G.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de webmaster
Enviado el: martes, 20 de febrero de 2007 12:43
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Cosas Basicas: Centrado Vertical
Te digo algo muy sencillo, el de tierra de nomadas funciona hasta que el
contenido supera el 80% de alto de la página que es el que usan default, o
funciona hasta que cualquiera que definas como height, sea centrada (por eso es
que este centrado vertical es con contenido fluido).
Y sobre lo de google, si buscas un poquito mas de hilos veras que se a buscado,
y que la solución no pareciera encontrarse hasta lo que puso kemi hoy con un
poco de script.
En cierto punto, tiene razón el almirante, es mas sencillo con una tabla, la
cosa es, lograrlo hacer sin ella.
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Christian Roque Geldres
Sent: Martes, 20 de Febrero de 2007 10:49 a.m.
To: 'Ovillo, la lista de CSS en castellano'
Subject: Re: [Ovillo] Cosas Basicas: Centrado Vertical
Y que me dices de esto:
http://www.tierradenomadas.com/tw003.phtml
y que de esto:
http://www.google.com.pe/search?hl=esq=centrado+vertical+con+CSSmeta=
ejemplos hay hasta por gusto, y kemie dio uno mas, otra cosa es que no se busque
Christian Roque G.
-Mensaje
Re: [Ovillo] Cosas Basicas: Centrado Vertical
Se parece bastante al enlace que dejo kemie, hacen lo mismo de diplay:table
y dentro de este un display:table-cell
En fin que bueno que hayas encontrado una solución
Christian Roque G.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de webmaster
Enviado el: miércoles, 21 de febrero de 2007 11:29
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Cosas Basicas: Centrado Vertical
Hola gente de la lista,
Pues les cuento que después de mucho probar por fin encontramos una solución
para el centrado vertical con alto fluido (no tan funcional como la tuya
Almirante, pero bastante bien para lo que se buscaba).
Se a probado con IE7, IE6, FF2 y Gran Paradiso A2. También se probo con
poco texto y con mucho texto para ver el efecto de centrado.
Si alguien detecta un error en otro navegador favor avisar,
La solución es un hibrido de:
Stu Nichols (cssplay) y de Mikmoro (aka: Mikel / forosdelweb.com)
http://www.forosdelweb.com/showthread.php?p=1901588posted=1#post1901588
Aquí dejo el código:
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
html
head
titleCentrado vertical/title
style type=text/css
html, body { margin: 0pt; padding: 0pt;
height: 100%;
text-align: center;
}
#marco {
margin: auto;
display: table;
width: 750px;
height: 100%;
text-align: left;
}
#contenedor {
margin: auto;
display: table-cell;
vertical-align: middle;
position: relative;
height: 100%;
}
#vertical_ie { width:0;
height:100%;
display:inline-block;
vertical-align:middle;
}
#texto {
display:inline-block;
vertical-align:middle;
}
/style
/head
body
div id=marco
div id=contenedorspan id=vertical_ie/spanspan
id=texto
pLorem ipsum dolor sit amet, consectetuer adipiscing elit.
Mauris pellentesque turpis vel risus. Nullam tincidunt lacus non urna.
Aliquam erat volutpat. Nam placerat, tortor et mollis facilisis, sapien
mauris dapibus mauris, sit amet pharetra tellus sem ut mi. Sed
tincidunt. Aenean tempus volutpat urna. Quisque at neque. Praesent
venenatis lacus ac massa. Sed accumsan luctus enim. Vestibulum massa
dui, scelerisque sed, dictum rhoncus, lacinia eget, tortor. Ut vel
turpis a elit pharetra pulvinar. Aliquam ut nisl ac nisi tristique
eleifend. Donec tristique ipsum id turpis./p
pVivamus vitae risus in est dictum faucibus. Class aptent
taciti sociosqu ad litora torquent per conubia nostra, per inceptos
hymenaeos. Ut ut pede et ante faucibus commodo. Cras pulvinar turpis
quis risus. Mauris scelerisque. Cras lectus. Aliquam erat volutpat.
Praesent erat nunc, dictum vel, vehicula quis, rutrum sit amet, arcu.
Donec interdum. Quisque tristique, purus non pulvinar cursus, magna
lectus blandit orci, vitae tristique tellus tellus eget est. Quisque
sollicitudin convallis sem. Nunc justo./p
/span
/div
/div
/body
/html
---
Gracias a todos por la ayuda.
Vlad
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of webmaster
Sent: Martes, 20 de Febrero de 2007 12:51 p.m.
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Cosas Basicas: Centrado Vertical
Christian,
27 páginas mas tarde, en la sección de CSS de forosdelweb.com debo de
decirte que sigo con el mismo problema.
Llegamos a 2 posibles soluciones:
Tabla Sama
Y centrado con height definido.
Si tu viste algo que yo no vi, por favor enviame el link, que creo que
quedaria genial matar este problema.
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Christian Roque
Geldres
Sent: Martes, 20 de Febrero de 2007 12:12 p.m.
To: 'Ovillo, la lista de CSS en castellano'
Subject: Re: [Ovillo] Cosas Basicas: Centrado Vertical
Busca en forosdelweb.com, ahí se ha preguntado eso varias veces, el ejemplo
de kemie me desconcierta, ¿el diplay: table-cell no haría que todo dentro
del body se muestre en linea? ¿O es solo el body el que esta en línea?
Claro que seria mas fácil con una tabla, es mas, seria mas fácil si lo
dibujas en Paint perfectamente centrado lo grabas como imagen y lo subes de
esa manera.
Christian Roque G.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de webmaster
Enviado el: martes, 20 de febrero de 2007 12:43
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Cosas Basicas: Centrado Vertical
Te digo algo muy sencillo, el de tierra de nomadas funciona hasta que el
contenido supera el 80% de alto de la página que es el que usan default, o
funciona hasta que cualquiera que definas como height, sea centrada (por eso
es que este centrado vertical es con contenido fluido).
Y sobre lo de google, si buscas un poquito mas de hilos veras que se a
buscado, y que la solución no pareciera encontrarse hasta lo que puso kemi
hoy con un poco de script.
En cierto punto, tiene razón el almirante, es mas sencillo con una tabla, la
cosa es, lograrlo hacer sin ella.
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Christian Roque
Geldres
Sent:
Re: [Ovillo] Cosas Basicas: Centrado Vertical
Sip de hecho si miras el forodelweb se pública la solución de kemie y de mas de
algo a de haber solucionado, el problema es que la versión de kemie, al
introducir codigo mas grande que el alto de la pantalla (que te obligara a
hacer scroll, no calculaba bien, aparte de que IE7 decia que corrias un
componente active X).
Lo que me alegra es que parece que tenemos una solución pseudo universal para
posicionar verticalmente lo quesea ^^ (Espero XD )
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Christian Roque
Geldres
Sent: Miércoles, 21 de Febrero de 2007 10:36 a.m.
To: 'Ovillo, la lista de CSS en castellano'
Subject: Re: [Ovillo] Cosas Basicas: Centrado Vertical
Se parece bastante al enlace que dejo kemie, hacen lo mismo de diplay:table y
dentro de este un display:table-cell
En fin que bueno que hayas encontrado una solución
Christian Roque G.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de webmaster
Enviado el: miércoles, 21 de febrero de 2007 11:29
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Cosas Basicas: Centrado Vertical
Hola gente de la lista,
Pues les cuento que después de mucho probar por fin encontramos una solución
para el centrado vertical con alto fluido (no tan funcional como la tuya
Almirante, pero bastante bien para lo que se buscaba).
Se a probado con IE7, IE6, FF2 y Gran Paradiso A2. También se probo con poco
texto y con mucho texto para ver el efecto de centrado.
Si alguien detecta un error en otro navegador favor avisar,
La solución es un hibrido de:
Stu Nichols (cssplay) y de Mikmoro (aka: Mikel / forosdelweb.com)
http://www.forosdelweb.com/showthread.php?p=1901588posted=1#post1901588
Aquí dejo el código:
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN html head
titleCentrado vertical/title
style type=text/css
html, body { margin: 0pt; padding: 0pt;
height: 100%;
text-align: center;
}
#marco {
margin: auto;
display: table;
width: 750px;
height: 100%;
text-align: left;
}
#contenedor {
margin: auto;
display: table-cell;
vertical-align: middle;
position: relative;
height: 100%;
}
#vertical_ie { width:0;
height:100%;
display:inline-block;
vertical-align:middle;
}
#texto {
display:inline-block;
vertical-align:middle;
}
/style
/head
body
div id=marco
div id=contenedorspan id=vertical_ie/spanspan id=texto pLorem
ipsum dolor sit amet, consectetuer adipiscing elit.
Mauris pellentesque turpis vel risus. Nullam tincidunt lacus non urna.
Aliquam erat volutpat. Nam placerat, tortor et mollis facilisis, sapien mauris
dapibus mauris, sit amet pharetra tellus sem ut mi. Sed tincidunt. Aenean
tempus volutpat urna. Quisque at neque. Praesent venenatis lacus ac massa. Sed
accumsan luctus enim. Vestibulum massa dui, scelerisque sed, dictum rhoncus,
lacinia eget, tortor. Ut vel turpis a elit pharetra pulvinar. Aliquam ut nisl
ac nisi tristique eleifend. Donec tristique ipsum id turpis./p pVivamus
vitae risus in est dictum faucibus. Class aptent taciti sociosqu ad litora
torquent per conubia nostra, per inceptos hymenaeos. Ut ut pede et ante
faucibus commodo. Cras pulvinar turpis quis risus. Mauris scelerisque. Cras
lectus. Aliquam erat volutpat.
Praesent erat nunc, dictum vel, vehicula quis, rutrum sit amet, arcu.
Donec interdum. Quisque tristique, purus non pulvinar cursus, magna lectus
blandit orci, vitae tristique tellus tellus eget est. Quisque sollicitudin
convallis sem. Nunc justo./p /span /div /div /body /html
---
Gracias a todos por la ayuda.
Vlad
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of webmaster
Sent: Martes, 20 de Febrero de 2007 12:51 p.m.
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Cosas Basicas: Centrado Vertical
Christian,
27 páginas mas tarde, en la sección de CSS de forosdelweb.com debo de decirte
que sigo con el mismo problema.
Llegamos a 2 posibles soluciones:
Tabla Sama
Y centrado con height definido.
Si tu viste algo que yo no vi, por favor enviame el link, que creo que quedaria
genial matar este problema.
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Christian Roque Geldres
Sent: Martes, 20 de Febrero de 2007 12:12 p.m.
To: 'Ovillo, la lista de CSS en castellano'
Subject: Re: [Ovillo] Cosas Basicas: Centrado Vertical
Busca en forosdelweb.com, ahí se ha preguntado eso varias veces, el ejemplo de
kemie me desconcierta, ¿el diplay: table-cell no haría que todo dentro del body
se muestre en linea? ¿O es solo el body el que esta en línea?
Claro que seria mas fácil con una tabla, es mas, seria mas fácil si lo dibujas
en Paint perfectamente centrado lo grabas como imagen y lo subes de esa manera.
Christian Roque G.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de webmaster
Enviado el: martes, 20 de febrero de 2007 12:43
Para: Ovillo, la lista de CSS en castellano
Re: [Ovillo] a vueltas con el doctype
On 2/21/07, Christian Roque Geldres [EMAIL PROTECTED] wrote: [...] Y una vez hecho esto, IE6 por ejemplo en lugar de mostrar la pagina lo que hace es tratar de descargarla. [...] En cualquier caso las ideas de XHTML son buenas. Y los navegadores terminan siendo barridos del mercado por otros mas modernos. Ya no tenemos que preocuparnos por Netscape 4.61 y su implementacion rota de CSS, o sino no existirian la mayor parte de las paginas con composicion sin tablas, porque sus autores se habrian arrojado al vacio, cansados de hacer cosas raras y hacks para soportar a N4. CSS se ha impuesto solamente gracias a este convencimiento de los webmasters de que era el camino a seguir. Y porque rompia totalmente. La Tag Soup es como el ejercito Borg, y contagia todo aquello que toca, por eso es imposible salir de la tag soup siendo evolucionario, solo se sale de la Tag Soup siendo revolucionario, haciendo un corte limpio como el que supone un formato validado, que es XHTML. Pienso que los generadores de codigo elegiran XHTML cuando sea un formato aceptable, porque es mucho mas facil y razonable de generar (es mas razonable para las personas, y lo es para las maquinas, en suma es mas razonable). Incluso creo que ya lo estan haciendo :D ___ 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] a vueltas con el doctype
Yo aprendí CSS porque como tu dices era algo revolucionario separar la estructura de la presentación, HTML 4 te permite hacerlo lo mismo que XHTML, lo que me pregunto es porque voy a hacer paginas en XHTML, o mejor dicho usar el doctype XHTML, si realmente no voy a servir XHTML, y así al final los navegadores terminaran asumiendo que lo que leen es el Tag soup, no tiene sentido usar algo si no lo usas bien. Christian Roque G. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Tei Enviado el: miércoles, 21 de febrero de 2007 12:55 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] a vueltas con el doctype On 2/21/07, Christian Roque Geldres [EMAIL PROTECTED] wrote: [...] Y una vez hecho esto, IE6 por ejemplo en lugar de mostrar la pagina lo que hace es tratar de descargarla. [...] En cualquier caso las ideas de XHTML son buenas. Y los navegadores terminan siendo barridos del mercado por otros mas modernos. Ya no tenemos que preocuparnos por Netscape 4.61 y su implementacion rota de CSS, o sino no existirian la mayor parte de las paginas con composicion sin tablas, porque sus autores se habrian arrojado al vacio, cansados de hacer cosas raras y hacks para soportar a N4. CSS se ha impuesto solamente gracias a este convencimiento de los webmasters de que era el camino a seguir. Y porque rompia totalmente. La Tag Soup es como el ejercito Borg, y contagia todo aquello que toca, por eso es imposible salir de la tag soup siendo evolucionario, solo se sale de la Tag Soup siendo revolucionario, haciendo un corte limpio como el que supone un formato validado, que es XHTML. Pienso que los generadores de codigo elegiran XHTML cuando sea un formato aceptable, porque es mucho mas facil y razonable de generar (es mas razonable para las personas, y lo es para las maquinas, en suma es mas razonable). Incluso creo que ya lo estan haciendo :D ___ 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] Columnas que me desbordan un div
Muchas gracias, normalmente aclaro con el clear:both en el div de abajo (tipo
footer), se ve que se me pasó
- Mensaje original
De: Oscar Arenas [EMAIL PROTECTED]
Para: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Enviado: miércoles, 21 de febrero, 2007 9:20:55
Asunto: Re: [Ovillo] Columnas que me desbordan un div
Lo del height es correcto si esas columnas tienen un height fijo, pero
deduzco que no es el caso.
Lo mejor, si quieres q la columna derecha te englobe todos los elementos
es q despues de las columnas flotantes y antes de cerrar el div de la
derecha te crees un div para limpiar los elementos flotantes:
Algo asi:
div id=derecha
div id=bloque/div
div id=sidebar1/div
div id=sidebar2/div
div class=clear/div (donde .clear{clear:both;})
/div
De este forma el #derecha siempre te englobará todos los elementos que contenga
aunque sean flotantes.
Salu2
Juan José Montes de Oca Arbós escribió:
Hola Luis, el funcionamiento que ves en FireFox es el correcto según los
estandars. IE tiene un error que te ajustá el tamaño del contenedor de
acuerdo a los objetos interiores... tenés que haces el div exterior
(id=derecha) con un height mas alto.
Saludos
El día 20/02/07, luis cruz salanova [EMAIL PROTECTED] escribió:
Hola, os escribo porque no encuentro la solución a un
problema que debe ser e priori sencillo. A ver si alguien me pudiera echar
una
mano. Estaba maquetando una estructura más o menos sencilla en esta
dirección de
pruebas y no se porque la columna de la derecha no baja en firefox con las
columnas que contiene.
Lo podéis ver en testa dirección:
http://cambalachemadrid.com/3columnas/index2.html
Un saludo y gracias por anticipado.
___
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
--
==
Oscar Arenas Alcazar
[EMAIL PROTECTED]
- Web Designer -
Dpto. Internet
Grupo MILLOR SOFT S.L.
==
___
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
