Re: [Ovillo] Columnas que me desbordan un div

2007-02-21 Por tema Oscar Arenas
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

2007-02-21 Por tema sn
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

2007-02-21 Por tema Tei
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

2007-02-21 Por tema sn
salud tei, esa línea es imprescindible para conseguir efecto que busco.
esa es la imagen que aparece al rollovear el enlace, si la quito el pop_up
se va al garete.
___
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

2007-02-21 Por tema Iban Rodriguez
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?

2007-02-21 Por tema José Antonio
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?

2007-02-21 Por tema Vicente Gallur Valero
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

2007-02-21 Por tema Christian Roque Geldres
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

2007-02-21 Por tema LISTAS
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?

2007-02-21 Por tema Choan C. Gálvez
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

2007-02-21 Por tema webmaster
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

2007-02-21 Por tema Christian Roque Geldres
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

2007-02-21 Por tema webmaster
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

2007-02-21 Por tema Tei
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

2007-02-21 Por tema Christian Roque Geldres
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

2007-02-21 Por tema luis cruz salanova
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