Re: [Ovillo] Problemas con los DIVS y CSS en IExplorer

[Pablo M. Beca]

Si, tienes razón... vaya Microsoft con su bendito IExplorer.

Gracias por tu ayuda

Saludos

Pablo M. Beca
http://pablo.enlapc.com | www.tusecreto.es
 

-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de kemie guaida
Enviado el: Martes, 08 de Agosto de 2006 13:05
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Problemas con los DIVS y CSS en IExplorer

yo tuve problemas con esto hace tiempo. si no mal recuerdo, explorer no 
soporta multiples clases para un mismo id.

mas info:
http://sonspring.com/index.php?id=102

/kemie

...:| kemie |:...
.:| www.monolinea.com  |:.



Pablo M. Beca wrote:
> Buenas. Tengo esta hoja de estilos:
>
> #cntWrp.lyMain{
>padding-left: 10px;
>padding-top: 20px;
> }
>#cntWrp.lyMain #cntMain{
>   width: 470px;
>   float: left;
>}
>#cntWrp.lyMain #cntTools{
>   width: 240px;
>   float: right;
>}
>
> #cntWrp.lyFicha{
>padding-left: 10px;
>padding-top: 20px;
> }
>#cntWrp.lyFicha #cntMain{
>   width: 390px;
>   float: left;
>}
>#cntWrp.lyFicha #cntTools{
>   width: 330px;
>   float: right;
>}
>
> La cuál puede sintetizarse en:
>
> #cntWrp.lyMain,
> #cntWrp.lyFicha{
>padding-left: 10px;
>padding-top: 20px;
> }
>#cntWrp.lyMain #cntMain,
>#cntWrp.lyFicha #cntMain{
>   width: 470px;
>   float: left;
>}
>#cntWrp.lyMain #cntTools,
>#cntWrp.lyFicha #cntTools{
>   width: 240px;
>   float: right;
>}
>
>   #cntWrp.lyFicha #cntMain{
>   width: 390px;
>   }
>   #cntWrp.lyFicha #cntTools{
>  width: 330px;
>   }
>
>
> Y los siguientes XHTML
>
> -> index.html
>
> 
>
>   Contenido Principal
>
>
>
>
>   Contenido Principal
>
>http://pablo.enlapc.com | www.tusecreto.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://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://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://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] problemas con IE

[Pablo Ziliani]

laura wrote:
>>  - al estar expresadas en porcentajes, las separaciones (padding,
>> margin, border, ...) varían según el ancho de la página o del
>> contenedor. ¿Este "efecto" es buscado? si no, te conviene evitarlo.
>> 
>
> si, quiero q sea liiiquida XD, pero no se,  igual se me evapora a
> la q me descuide, jejee
>   

Sí, sí, pero que sea líquida no quiere decir que "la sombra" o los 
márgenes tengan que variar de grosor

>>  - más de lo mismo: al achicar mucho la página, el la navegación se va
>> fuera de los márgenes. ¿No te convendría darle un ancho fijo (en px o
>> una medida que no dependa ancho del contenedor) a la columna y evitar
>> las situaciones en donde las cajas son más chicas que las palabras que
>> deberían contener?
>> 
>
> vale, lo pensaré... si no hay mas remedio, pero como el resto de
> elementos se reducen sin problemas con el ancho de la pagina i la
> resolucion que se aplique, me mosquea que ese menu lateral no se pueda
> comportar del mismo modo.
>   

Ok, esto es lo menos importante y podrás arreglarlo luego (salteo).

>>  - ¿estas obligada desde el diseño a buscar una solución sin imágenes?
>> Si no es así, creo que vas a sufrir mucho menos en cuanto a
>> compatibilidad usando background-image que con márgenes negativos.
>> 
>
> No estoy obligada a nada, es una web de pruebas, cuando acabe la etapa
> css me pondré con el php ... solo para ejercitar los "musculos"

Bien, esta era la respuesta que estaba esperando. Aquí va la sugerencia 
entonces:
¿Ves la distancia que hay entre el borde derecho de la sombra y el borde 
derecho de la caja interior? Create una imagen de ese ancho x 1px de 
alto, del color del fondo (#99CC99). Supongamos que llamás a la imagen 
"fondo.gif". Luego el contenedor (la sombra) llevará esta definición:

background: #008000 url(imagenes/fondo.gif) repeat-y right top;
padding: 1em 0 1em 1em;

La sombra de columa central es casi idéntica:

background: #636F57 url(imagenes/fondo.gif) repeat-y left top;
padding: 1em 1em 1em 0;

A los interiores, sacales los margenes (bah, podés sacar TODO menos el 
color de fondo y el borde).
El resto debería resultarte muy fácil de resolver y te lo dejo a vos.

Saludos,
Pablo
___
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://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] hack or not to hack

[AraDaen]

Pues muchas asias a [EMAIL PROTECTED] :)) 
Intentare hacerlo como me indicáis. La verdad es que hasta ahora lo que
hacía era implementar hojas de estilos distintas para cada navegador.. de
modo que ando un poco pez con los hacks..Ya os iré preguntando :)

Muchas asias.



-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Gema Masegosa
Enviado el: martes, 08 de agosto de 2006 19:51
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] hack or not to hack

opino igual que Kemie!

El día 8/08/06, kemie guaida <[EMAIL PROTECTED]> escribió:
>
> En mi experiencia, una vez que separas los hacks de ie/win con
> comentarios adicionales, los hacks para otros navegadores son minimos o
> inexistentes. Si acaso alguno para ie/mac u opera menor a 8.5 si es
> necesario soportarlos, pero es raro que otros requieran arreglos.
>
> Mi estrategia sería:
> 1. Construye tu html y css de manera que se vea lo mejor posible sin
> hacks en la mayor cantidad posible de navegadores.
> 2. Arregla lo necesario en ie/win con una hoja separada, escondida con
> comentarios condicionales.
> 3. Arregla lo estrictamente esencial en otros navegadores (es decir, lo
> que realmente se vea mal/sea un problema, no lo que simplemente sea una
> diferencia estética) dentro de tu hoja de estilos principal. Trata de
> que los hacks que utilices sean lo menos "dañinos" y lo más especifico
> posible.
>
> No te recomiendo que utilices detección por javascript, no es muy
> confiable.
>
> saludos!
>
> kemie
>
> ...:| kemie |:...
> .:| www.monolinea.com  |:.
>
>
>
> AraDaen wrote:
> > Hola a todos!
> >
> >
> >
> > Toy un poco liado con este tema. No se si debo intentar desarrollar webs
> sin
> > utilizar hacks para evitar problemas futuros con versiones nuevas de
> > navegadores (como el IE7). Como alternativas están los comentarios
> > condicionales del Explorer, pero tendría el mismo dilema con hacks para
> > otros navegadores. Otra opción sería utilizar hojas de estilos distintas
> > para cada navegador, pero por un lado el engorro de trabajar con varias
> > hojas de estilos, y luego tener que utilizar js para detectar el
> navegador...
> >
> >
> >
> > Quería preguntaros que opináis vosotros sobre el tema.
> >
> >
> >
> > Saludos!
> >
> >
> >
> > ___
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://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://ovillo.org/mailman/listinfo/ovillo
>



-- 
Gema Masegosa.
Email:[EMAIL PROTECTED]
___
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://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://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] problemas con IE

[laura]

hola

> Seguimos abajo...
vamos :P
>
> laura wrote:

> >
> > cierto,pero ese dominio es un dominio a una maquina local, que de vez
> > en cuando desconecta de la red, para evitar eso lo hice asi.
> >
>
> Espero que no te moleste que yo siga accediendo ahí, leer css
> directamente desde el email está contraindicado tanto por mi oculista
> como por mi psicólogo...

tranquilo, mientras no apague el pc, no hay problema ;)


> (...) Veo que las modificaciones al HTML no produjeron ningún cambio
> favorable... Suele suceder, pero bueno, era necesario descartar la
> posibilidad. Ya que estamos te sugiero que valides la página cada tanto:
> http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Flaupri.no-ip.org%2Fphp%2Ftenda
> (o ctrl-shift-H si tenés la extensión de FireFox "WebDeveloper" -- y si
> no la tenés, instalala antes de volver a escribir a la lista :P)

Si lo tengo q hacer, lo acabo de hacer con otro experimento q estoy
haciendo, a ver si me pongo con esta. Ah, si tengo instalada la
extension q dices, i unas cuantas mas... será por extensiones, jeje
>
>
>
> > Pues.. lo cierto es que como queda ahora en firefox está mas cerca de
> > lo que pretendo, aun me queda tiempo para q esté a mi gusto totalmente
> > ;)
> Preguntas:
>  - al estar expresadas en porcentajes, las separaciones (padding,
> margin, border, ...) varían según el ancho de la página o del
> contenedor. ¿Este "efecto" es buscado? si no, te conviene evitarlo.

si, quiero q sea liiiquida XD, pero no se,  igual se me evapora a
la q me descuide, jejee


>  - más de lo mismo: al achicar mucho la página, el la navegación se va
> fuera de los márgenes. ¿No te convendría darle un ancho fijo (en px o
> una medida que no dependa ancho del contenedor) a la columna y evitar
> las situaciones en donde las cajas son más chicas que las palabras que
> deberían contener?

vale, lo pensaré... si no hay mas remedio, pero como el resto de
elementos se reducen sin problemas con el ancho de la pagina i la
resolucion que se aplique, me mosquea que ese menu lateral no se pueda
comportar del mismo modo.


> La alternativa es usar min-width, lo que no funciona
> en IE sin algunos hacks espantosos.

pasando... de momento, cuando se vea decente en los navegadores
buenos, me pondré apensar e ie.

>  - ¿estas obligada desde el diseño a buscar una solución sin imágenes?
> Si no es así, creo que vas a sufrir mucho menos en cuanto a
> compatibilidad usando background-image que con márgenes negativos.

No estoy obligada a nada, es una web de pruebas, cuando acabe la etapa
css me pondré con el php ... solo para ejercitar los "musculos" ,

>
> Sugerencia al margen: tratá de usar más h1, h2, h3, etc. Además de
> etiquetar mejor el contenido y mostrarlo mejor cuando no se cargan los
> estilos, los buscadores les dan más importancia a las palabras que
> encierran.

vale, es cierto, me he pasado con lo de menu1, menu2, izq, centro
pero al no tener un tema elegido desde el principio pues pasa lo q
pasa.

>
> // Sigue comentario apocalíptico, tomar con pinzas...
> Quizás te convenga empezar de nuevo a partir de una plantilla previa.

glups... este es el segundo intento, el primero se desarmó solo :S, no
me importaria volver a empezar, pero otro dia quiza...

> Quizás esta pueda servirte como ejemplo:
> http://blog.html.it/layoutgala/LayoutGala31.html
> Tendrías que intentar de apuntar a un código un poco más semántico (es
> decir, más focalizado en el contenido y menos en la presentación). Si te

vale lo tendré en cuenta

> (o cuando estés corrida
> por una entrega, o cuando te hartes de mis sermones).

jeje, no, alguna vez va bien q te den sermones donde aprendas tanto :))

>
>
> PD: te juro que en los próximos emails trataré de hacer menos preguntas
> y responder más...

juaaas ;)
>


ciaoo

Laura  - Linux User : #294719
   ---
http://laupri.blogsite.org
http://linuv.uv.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://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] problemas con IE

[Pablo Ziliani]

Seguimos abajo...

laura wrote:
>> Siendo que de todas maneras la dirección real aparece en las capturas
>> que subiste, lo más práctico hubiera sido un link directo a
>> http://laupri.no-ip.org/php/tenda.
>> 
>
> cierto,pero ese dominio es un dominio a una maquina local, que de vez
> en cuando desconecta de la red, para evitar eso lo hice asi.
>   

Espero que no te moleste que yo siga accediendo ahí, leer css 
directamente desde el email está contraindicado tanto por mi oculista 
como por mi psicólogo...

(...) Veo que las modificaciones al HTML no produjeron ningún cambio 
favorable... Suele suceder, pero bueno, era necesario descartar la 
posibilidad. Ya que estamos te sugiero que valides la página cada tanto: 
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Flaupri.no-ip.org%2Fphp%2Ftenda
 
(o ctrl-shift-H si tenés la extensión de FireFox "WebDeveloper" -- y si 
no la tenés, instalala antes de volver a escribir a la lista :P)


> Parte del problema, lo he resuelto quitando el float:left del div
> superior a la caja izq, la del menu lateral. Pero no se como se ve
> ahora en iexplorer.  Si alguien quiere ayudarme i ver el codigo css
> al final del mail he pegado el css.
>
>   
>> Probablemente esto sea disminuyendo o eliminando la
>> indentación[1]. Para esto sí, probablemente quieras enviar un boceto en
>> jpeg.
>> 
>
> Pues.. lo cierto es que como queda ahora en firefox está mas cerca de
> lo que pretendo, aun me queda tiempo para q esté a mi gusto totalmente
> ;)
Preguntas:
 - al estar expresadas en porcentajes, las separaciones (padding, 
margin, border, ...) varían según el ancho de la página o del 
contenedor. ¿Este "efecto" es buscado? si no, te conviene evitarlo.
 - más de lo mismo: al achicar mucho la página, el la navegación se va 
fuera de los márgenes. ¿No te convendría darle un ancho fijo (en px o 
una medida que no dependa ancho del contenedor) a la columna y evitar 
las situaciones en donde las cajas son más chicas que las palabras que 
deberían contener? La alternativa es usar min-width, lo que no funciona 
en IE sin algunos hacks espantosos.
 - ¿estas obligada desde el diseño a buscar una solución sin imágenes? 
Si no es así, creo que vas a sufrir mucho menos en cuanto a 
compatibilidad usando background-image que con márgenes negativos.

Sugerencia al margen: tratá de usar más h1, h2, h3, etc. Además de 
etiquetar mejor el contenido y mostrarlo mejor cuando no se cargan los 
estilos, los buscadores les dan más importancia a las palabras que 
encierran.

// Sigue comentario apocalíptico, tomar con pinzas...
Quizás te convenga empezar de nuevo a partir de una plantilla previa. 
Quizás esta pueda servirte como ejemplo: 
http://blog.html.it/layoutgala/LayoutGala31.html
Tendrías que intentar de apuntar a un código un poco más semántico (es 
decir, más focalizado en el contenido y menos en la presentación). Si te 
fijás en el ejemplo que te pasé (y entendés algo de inglés), verás que 
los elementos están señalizados por su función y no por su presentación, 
entonces la navegación interna podría llamarse #navegacion y no #izq. Mi 
sugerencia es que siempre partas de un esqueleto que refleje la 
estructura de contenidos, y solamente agregues elementos estructurales 
cuando todos los demás trucos te hayan fallado (o cuando estés corrida 
por una entrega, o cuando te hartes de mis sermones).

Saludos,
Pablo

PD: te juro que en los próximos emails trataré de hacer menos preguntas 
y responder más...
___
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://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] style q simule cellpadding y cellspacing 0

[Monica Forrisi]

Pablo:

border-collapse: collapse;

Esto último ha dado resultado!!!
Muchas gracias!!



Sds,

-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Pablo Ziliani
Enviado el: Martes, 08 de Agosto de 2006 14:29 
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] style q simule cellpadding y cellspacing 0

Monica Forrisi wrote:
> Cómo puedo lograr el mismo efecto que 
> 
> con un estilo?
>
> Probé  
> table { padding: 0px; border: 0px; margin: 0px }
> y no funciona

Hola Mónica, fijate si:

table {
border: none;
border-collapse: collapse;
}
td, th {
margin: 0;
padding: 0;
}

logra el truco.

Saludos,
Pablo
___
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://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://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] hack or not to hack

[Gema Masegosa]

opino igual que Kemie!

El día 8/08/06, kemie guaida <[EMAIL PROTECTED]> escribió:
>
> En mi experiencia, una vez que separas los hacks de ie/win con
> comentarios adicionales, los hacks para otros navegadores son minimos o
> inexistentes. Si acaso alguno para ie/mac u opera menor a 8.5 si es
> necesario soportarlos, pero es raro que otros requieran arreglos.
>
> Mi estrategia sería:
> 1. Construye tu html y css de manera que se vea lo mejor posible sin
> hacks en la mayor cantidad posible de navegadores.
> 2. Arregla lo necesario en ie/win con una hoja separada, escondida con
> comentarios condicionales.
> 3. Arregla lo estrictamente esencial en otros navegadores (es decir, lo
> que realmente se vea mal/sea un problema, no lo que simplemente sea una
> diferencia estética) dentro de tu hoja de estilos principal. Trata de
> que los hacks que utilices sean lo menos "dañinos" y lo más especifico
> posible.
>
> No te recomiendo que utilices detección por javascript, no es muy
> confiable.
>
> saludos!
>
> kemie
>
> ...:| kemie |:...
> .:| www.monolinea.com  |:.
>
>
>
> AraDaen wrote:
> > Hola a todos!
> >
> >
> >
> > Toy un poco liado con este tema. No se si debo intentar desarrollar webs
> sin
> > utilizar hacks para evitar problemas futuros con versiones nuevas de
> > navegadores (como el IE7). Como alternativas están los comentarios
> > condicionales del Explorer, pero tendría el mismo dilema con hacks para
> > otros navegadores. Otra opción sería utilizar hojas de estilos distintas
> > para cada navegador, pero por un lado el engorro de trabajar con varias
> > hojas de estilos, y luego tener que utilizar js para detectar el
> navegador...
> >
> >
> >
> > Quería preguntaros que opináis vosotros sobre el tema.
> >
> >
> >
> > Saludos!
> >
> >
> >
> > ___
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://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://ovillo.org/mailman/listinfo/ovillo
>



-- 
Gema Masegosa.
Email:[EMAIL PROTECTED]
___
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://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] style q simule cellpadding y cellspacing 0

[Pablo Ziliani]

Monica Forrisi wrote:
> Cómo puedo lograr el mismo efecto que 
> 
> con un estilo?
>
> Probé  
> table { padding: 0px; border: 0px; margin: 0px }
> y no funciona

Hola Mónica, fijate si:

table {
border: none;
border-collapse: collapse;
}
td, th {
margin: 0;
padding: 0;
}

logra el truco.

Saludos,
Pablo
___
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://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] style q simule cellpadding y cellspacing 0

[Choan C. Gálvez]

On 8/8/06, Monica Forrisi <[EMAIL PROTECTED]> wrote:
> Estimados:
>
> Cómo puedo lograr el mismo efecto que
> 
> con un estilo?
>
> Probé
> table { padding: 0px; border: 0px; margin: 0px }
> y no funciona

table {
  border: none;
  border-spacing: 0;
}

th, td {
  padding: 0;
}

Salud.
-- 
Choan


Dizque. Desarrollo web y pequeñas dosis de vida real


Mundo Du. Cuentos breves, relatos sorprendentes


Scriptia. Javascript y buenas prácticas

___
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://ovillo.org/mailman/listinfo/ovillo

[Ovillo] style q simule cellpadding y cellspacing 0

[Monica Forrisi]

Estimados:

Cómo puedo lograr el mismo efecto que 

con un estilo?

Probé  
table { padding: 0px; border: 0px; margin: 0px }
y no funciona 

Gracias a todos desde ya,





...
Mónica Forrisi
Montevideo COMM
Tel. (5982) 402 2516*
http://www.montevideo.com.uy
http://www.montevideo.net.uy
Bulevar Artigas 1081 -- 11200 -- Montevideo, Uruguay
___
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://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] problemas con IE

[laura]

hola!

primero q nada, gracias por tus comentarios, :)) . Voy respondiendote abajo...

On 8/8/06, Pablo Ziliani < @decode.com.ar> wrote:
> Hola Laura,

> Siendo que de todas maneras la dirección real aparece en las capturas
> que subiste, lo más práctico hubiera sido un link directo a
> http://laupri.no-ip.org/php/tenda.

cierto,pero ese dominio es un dominio a una maquina local, que de vez
en cuando desconecta de la red, para evitar eso lo hice asi.

> De esta manera además del resultado,
> también podemos ver el código que lo origina (imprescindible para
> detectar cualquier error).

lo pensé tarde, jeje ... sorry :$


> Esto es inválido, no podés tener dos  directamente anidados uno
> dentro de otro. Lo correcto es que el  interior sea hijo del ,
> de la siguiente manera:
> 
>   (...)
>   Naturaleza
> 
>   Muerta
>   Paisajes
> 
>   
> 

Tambien muy cierto, hace poco hubo un hilo en esta misma lista que
trataba ese tema... lo q demuestra que hasta q no obtienes practica,
la teorica no te sirve al 100%...

>
> (además, es una cuestión lógica, "Muerta" y "Paisajes" son categorías de
> "Naturaleza").
>
> Segundo, a veces conviene que los  tengan ALGO en el atributo href,
> cuanto menos un #. La presencia de ese atributo (y si no me equivoco, en
> algunos browsers también su contenido) determina la forma en que se
> muestra (como "anchor"/ancla o como "link"/vinculo).

Perfecto, ya lo he corregido
>
> Finalmente, en cuanto a la apariencia, particularmente en lo que se
> refiere al ancho y el posible excedente del contendedor de la
> navegación, tendrías que responderte a vos misma de qué manera querrías
> que se vea.

Parte del problema, lo he resuelto quitando el float:left del div
superior a la caja izq, la del menu lateral. Pero no se como se ve
ahora en iexplorer.  Si alguien quiere ayudarme i ver el codigo css
al final del mail he pegado el css.


>Probablemente esto sea disminuyendo o eliminando la
> indentación[1]. Para esto sí, probablemente quieras enviar un boceto en
> jpeg.

Pues.. lo cierto es que como queda ahora en firefox está mas cerca de
lo que pretendo, aun me queda tiempo para q esté a mi gusto totalmente
;)


>Si estás falta de ideas, quizás esta página[2] te sirva como
> fuente de inspiración (no el javascript, que es algo monstruoso por
> motivos irrelevantes a los propósitos de este email).

gracias por el link, bonita web :)

> Saludos,
> Pablo


CSS
---
body {
background-color:#9c9;
margin:1%;
/*  border:1px solid red;
*/  height:100%;
/*padding:2%;
text-align:center;
^*/
font-size:1em;
}
.centro {
background:#C0D9AF;
width:98%;
height:100%;
margin-left:-6%;
margin-top:0;
padding:4%;
border:1px solid gray;
text-align:justify;
position:relative;
z-index:1;
}

div.centro:first-letter
{
font-size:5em;
}

.titulo{
width:70%;
height:10%;
margin-left:1em;
margin-top:1em;
padding:3% 0;
border:0.4em double #636F57;
text-align:center;
letter-spacing:1em;
}

.menu1{
/*background-color:#fff000;
*/  margin-top:3%;
margin-bottom:1%;
margin-left:28%;
}

div.s {
clear:both;
}
#menu2 ul {
color: #339;
padding:1%;
font-weight:bold;
text-align:center;/*
background-color:#FF6633;*/
border-bottom:1px dotted green;
}

#menu2 ul li {
margin:0;
display:inline;
vertical-align:middle;
border-left:black  1px dotted;
border-right:black  1px dotted;
text-align:center;
padding:0 1% 0 1%;


}

#menu2 a{
text-decoration: none;
color:green;

}


#menu2 a:hover {
border-bottom: 1px green solid;
}

.fondocentral{
background-color:#636F57;
padding:1%;
width:65%;
margin-left:32%;
position:relative;
z-index:0;

}

#izq{
/*  background-color:#99;
*/
background-color:#C0D9AF;
font-size:1em;
width:100%;
margin-top:5%;
margin-left: 5%;
margin-bottom: 5% ;
margin-right:-10%;
border:1px green solid;
position:relative;
padding:1%;
z-index:1;

}

.fondoizq {
/*
background-color:#FF6633;
*/
background-color:green;
float:left;
width:20%;
margin-left:3%;
position:relative;
z-index:0;
}

#izq ul{

/*width:100%;
*/
list-style-type:circle;
margin-left:-10px;
}

#izq ul li{
margin-left:-1px;
}


#izq a{
text-decoration: none;
font-color:red;
font-weight:bold;
}

#izq a:hover {
background:white;
}

.pie {
border:2px red dotted;
width:40%;
height:2em;
margin-left:50%;
margin-top:4%;
font-style:italic;  
}

.user{
float:right;
   

Re: [Ovillo] problemas con IE

[Pablo Ziliani]

Hola Laura,
algunos comentarios acerca de tu pedido:

Siendo que de todas maneras la dirección real aparece en las capturas 
que subiste, lo más práctico hubiera sido un link directo a 
http://laupri.no-ip.org/php/tenda. De esta manera además del resultado, 
también podemos ver el código que lo origina (imprescindible para 
detectar cualquier error).
Antes de ir a los cambios puntual, creo que tenés que tomar ciertas 
decisiones y corregir errores en el XHTML. Por ejemplo:

  (...)
  Naturaleza

Muerta
Paisajes


Esto es inválido, no podés tener dos  directamente anidados uno 
dentro de otro. Lo correcto es que el  interior sea hijo del , 
de la siguiente manera:

  (...)
  Naturaleza

  Muerta
  Paisajes

  


(además, es una cuestión lógica, "Muerta" y "Paisajes" son categorías de 
"Naturaleza").

Segundo, a veces conviene que los  tengan ALGO en el atributo href, 
cuanto menos un #. La presencia de ese atributo (y si no me equivoco, en 
algunos browsers también su contenido) determina la forma en que se 
muestra (como "anchor"/ancla o como "link"/vinculo).

Finalmente, en cuanto a la apariencia, particularmente en lo que se 
refiere al ancho y el posible excedente del contendedor de la 
navegación, tendrías que responderte a vos misma de qué manera querrías 
que se vea. Probablemente esto sea disminuyendo o eliminando la 
indentación[1]. Para esto sí, probablemente quieras enviar un boceto en 
jpeg. Si estás falta de ideas, quizás esta página[2] te sirva como 
fuente de inspiración (no el javascript, que es algo monstruoso por 
motivos irrelevantes a los propósitos de este email).

Saludos,
Pablo

PD: este es mi primer post en la lista a la que me suscribí ayer, 
saludos a la comunidad desde Buenos Aires y felicitaciones por el nivel 
que hasta ahora estoy leyendo.

[1] Perdón por mis recurrentes anglicismos, a veces no tengo idea del 
equivalente castellano pero más a menudo soy vago o suenan pésimo de 
este lado del atlántico.
[2] http://www.honda.com.ar/test/moto/honda-trx-500-fm.aspx

laura wrote:
> hola
>
> bueno, no es ninguna novedad lo de que las presentaciones de nuestras
> webs cambien con exploder, perooo, otra cosa es q sepamos q les pasa.
> Este es mi caso, notengo ni idea que puede hacer q se vea tan
> diferente de la presentacion que ofrece en Safari, Firefox,
> konqueror...
> Os paso el link de las imagenes tomadas desde la web de browsershots:
> http://browsershots.org/website/1238822/
>
> De la presentacion en firefox tampoco me gusta lo de q la lista
> anidada de la izquierda sobre salga de la caja que la contiene, sabeis
> como remediar ese efecto?
>
> Gracias por adelantado
>
>
>   

___
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://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Problemas con los DIVS y CSS en IExplorer

[kemie guaida]

yo tuve problemas con esto hace tiempo. si no mal recuerdo, explorer no 
soporta multiples clases para un mismo id.

mas info:
http://sonspring.com/index.php?id=102

/kemie

...:| kemie |:...
.:| www.monolinea.com  |:.



Pablo M. Beca wrote:
> Buenas. Tengo esta hoja de estilos:
>
> #cntWrp.lyMain{
>padding-left: 10px;
>padding-top: 20px;
> }
>#cntWrp.lyMain #cntMain{
>   width: 470px;
>   float: left;
>}
>#cntWrp.lyMain #cntTools{
>   width: 240px;
>   float: right;
>}
>
> #cntWrp.lyFicha{
>padding-left: 10px;
>padding-top: 20px;
> }
>#cntWrp.lyFicha #cntMain{
>   width: 390px;
>   float: left;
>}
>#cntWrp.lyFicha #cntTools{
>   width: 330px;
>   float: right;
>}
>
> La cuál puede sintetizarse en:
>
> #cntWrp.lyMain,
> #cntWrp.lyFicha{
>padding-left: 10px;
>padding-top: 20px;
> }
>#cntWrp.lyMain #cntMain,
>#cntWrp.lyFicha #cntMain{
>   width: 470px;
>   float: left;
>}
>#cntWrp.lyMain #cntTools,
>#cntWrp.lyFicha #cntTools{
>   width: 240px;
>   float: right;
>}
>
>   #cntWrp.lyFicha #cntMain{
>   width: 390px;
>   }
>   #cntWrp.lyFicha #cntTools{
>  width: 330px;
>   }
>
>
> Y los siguientes XHTML
>
> -> index.html
>
> 
>
>   Contenido Principal
>
>
>
>
>   Contenido Principal
>
>http://pablo.enlapc.com | www.tusecreto.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://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://ovillo.org/mailman/listinfo/ovillo

[Ovillo] problemas con IE

[laura]

hola

bueno, no es ninguna novedad lo de que las presentaciones de nuestras
webs cambien con exploder, perooo, otra cosa es q sepamos q les pasa.
Este es mi caso, notengo ni idea que puede hacer q se vea tan
diferente de la presentacion que ofrece en Safari, Firefox,
konqueror...
Os paso el link de las imagenes tomadas desde la web de browsershots:
http://browsershots.org/website/1238822/

De la presentacion en firefox tampoco me gusta lo de q la lista
anidada de la izquierda sobre salga de la caja que la contiene, sabeis
como remediar ese efecto?

Gracias por adelantado


-- 
Laura  - Linux User : #294719
   ---
http://laupri.blogsite.org
http://linuv.uv.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://ovillo.org/mailman/listinfo/ovillo

[Ovillo] Problemas con los DIVS y CSS en IExplorer

[Pablo M. Beca]

Buenas. Tengo esta hoja de estilos:

#cntWrp.lyMain{
   padding-left: 10px;
   padding-top: 20px;
}
   #cntWrp.lyMain #cntMain{
  width: 470px;
  float: left;
   }
   #cntWrp.lyMain #cntTools{
  width: 240px;
  float: right;
   }

#cntWrp.lyFicha{
   padding-left: 10px;
   padding-top: 20px;
}
   #cntWrp.lyFicha #cntMain{
  width: 390px;
  float: left;
   }
   #cntWrp.lyFicha #cntTools{
  width: 330px;
  float: right;
   }

La cuál puede sintetizarse en:

#cntWrp.lyMain,
#cntWrp.lyFicha{
   padding-left: 10px;
   padding-top: 20px;
}
   #cntWrp.lyMain #cntMain,
   #cntWrp.lyFicha #cntMain{
  width: 470px;
  float: left;
   }
   #cntWrp.lyMain #cntTools,
   #cntWrp.lyFicha #cntTools{
  width: 240px;
  float: right;
   }

  #cntWrp.lyFicha #cntMain{
  width: 390px;
  }
  #cntWrp.lyFicha #cntTools{
 width: 330px;
  }


Y los siguientes XHTML

-> index.html


   
  Contenido Principal
   Herramientas
ficha.html



   
  Contenido Principal
   Herramientas
   http://pablo.enlapc.com | www.tusecreto.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://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] hack or not to hack

[kemie guaida]

En mi experiencia, una vez que separas los hacks de ie/win con 
comentarios adicionales, los hacks para otros navegadores son minimos o 
inexistentes. Si acaso alguno para ie/mac u opera menor a 8.5 si es 
necesario soportarlos, pero es raro que otros requieran arreglos. 

Mi estrategia sería:
1. Construye tu html y css de manera que se vea lo mejor posible sin 
hacks en la mayor cantidad posible de navegadores.
2. Arregla lo necesario en ie/win con una hoja separada, escondida con 
comentarios condicionales.
3. Arregla lo estrictamente esencial en otros navegadores (es decir, lo 
que realmente se vea mal/sea un problema, no lo que simplemente sea una 
diferencia estética) dentro de tu hoja de estilos principal. Trata de 
que los hacks que utilices sean lo menos "dañinos" y lo más especifico 
posible.

No te recomiendo que utilices detección por javascript, no es muy confiable.

saludos!

kemie

...:| kemie |:...
.:| www.monolinea.com  |:.



AraDaen wrote:
> Hola a todos!
>
>  
>
> Toy un poco liado con este tema. No se si debo intentar desarrollar webs sin
> utilizar hacks para evitar problemas futuros con versiones nuevas de
> navegadores (como el IE7). Como alternativas están los comentarios
> condicionales del Explorer, pero tendría el mismo dilema con hacks para
> otros navegadores. Otra opción sería utilizar hojas de estilos distintas
> para cada navegador, pero por un lado el engorro de trabajar con varias
> hojas de estilos, y luego tener que utilizar js para detectar el navegador...
>
>  
>
> Quería preguntaros que opináis vosotros sobre el tema.  
>
>  
>
> Saludos!
>
>  
>
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
> http://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://ovillo.org/mailman/listinfo/ovillo

[Ovillo] hack or not to hack

[AraDaen]

Hola a todos!

 

Toy un poco liado con este tema. No se si debo intentar desarrollar webs sin
utilizar hacks para evitar problemas futuros con versiones nuevas de
navegadores (como el IE7). Como alternativas están los comentarios
condicionales del Explorer, pero tendría el mismo dilema con hacks para
otros navegadores. Otra opción sería utilizar hojas de estilos distintas
para cada navegador, pero por un lado el engorro de trabajar con varias
hojas de estilos, y luego tener que utilizar js para detectar el navegador…

 

Quería preguntaros que opináis vosotros sobre el tema.  

 

Saludos!

 

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Lentitud con un SWF

[Marta Martínez | ARGUS.net]

Yo lo veo bien, no se si es por la conexión que tengo...
De todas formas, el explorer normalmente tiene que leer el swf para 
continuar leyendo el código y puede ser que por esta razón te ocurra lo 
que comentes...
Lo que he hecho en estos casos es que en el swf principal simplemente 
cargue una imagen que pese muy poco y que llame a otro swf externo donde 
esté realmente la animación.

Que haya suerte!
marta


En/na [EMAIL PROTECTED] ha escrit:
> Hola amigos:
> El problemilla que tengo lo podeis ver en la web que estamos preparando y que 
> lo podeis ver en la siguiente URL.
> www.esed.es
> En Firefox va todo bien, pero en el Explorer (por lo menos el que tengo 
> instalado y que debe ser el ultimo) cuando paso por encima del menu izquierdo 
> (rapidito de arriba a abajo) el efecto "hover" va muy lento y la animacion 
> del Flash tb se ralentiza
> El efecto "hover" lo que hace es cambiar el color de fondo de los elementos 
> "li", cambia el borde de color, y pone la flechita como imagen de fondo. 
> he probado a quitar estos efectos de uno en uno pero el problema sigue.
> Si quito el Flash de la cabecera, el efecto "hover" va bien en ambos 
> navegadores, por lo que el error debe ser del Flash.
> Probarlo y me decis si os ha pasado alguna vez
>
> Muchas gracias
> ___
> 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://ovillo.org/mailman/listinfo/ovillo
>
>
>   

-- 


:: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: 
:: :: :: :: :: :: :: :: :: ::
:: Marta Martínez Ribas
:: coordinació de projectes
:: [EMAIL PROTECTED]

   argus.net  TECNOLOGIA CREATIVA "creant en la web des de 1995"
   www.argus.net | tel: 932 92 41 00 | fax: 932 92 42 25 | [EMAIL PROTECTED]
   Avgda. Marquès de Comillas, 13 (Poble Espanyol) | 08038 | Barcelona
___
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://ovillo.org/mailman/listinfo/ovillo

[Ovillo] Lentitud con un SWF

[javier.prieto]

Hola amigos:
El problemilla que tengo lo podeis ver en la web que estamos preparando y que 
lo podeis ver en la siguiente URL.
www.esed.es
En Firefox va todo bien, pero en el Explorer (por lo menos el que tengo 
instalado y que debe ser el ultimo) cuando paso por encima del menu izquierdo 
(rapidito de arriba a abajo) el efecto "hover" va muy lento y la animacion del 
Flash tb se ralentiza
El efecto "hover" lo que hace es cambiar el color de fondo de los elementos 
"li", cambia el borde de color, y pone la flechita como imagen de fondo. he 
probado a quitar estos efectos de uno en uno pero el problema sigue.
Si quito el Flash de la cabecera, el efecto "hover" va bien en ambos 
navegadores, por lo que el error debe ser del Flash.
Probarlo y me decis si os ha pasado alguna vez

Muchas gracias
___
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://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] OT: La mejor forma de 'incrustar' un video?

[Alvarez Laurnaga, Jose Antonio]

>>lo que quisiera, es mostrarlo "incrustado" (creo que esa es la traduccion 
>>para embed), pero he estado 
>>experimentando con algunas formas, pero, o funcionan en IE, o funcionan en 
>>Explorer... =(

Ardilla, hecha un vistazo a esto[1], no lo he usado pero según parece tiene las 
ventajas de no usar la 
etiqueta embed que no valida en XHTML e ir un paso más allá que el método que 
se usaba hasta 
ahora: Flash Satay[2]

[1] http://www.alistapart.com/articles/byebyeembed
[2] http://www.alistapart.com/articles/flashsatay/

Por cierto, como es eso de: "o funcionan en IE, o funcionan en Explorer" =)

__

Jose A. Alvarez Laurnaga 

___
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://ovillo.org/mailman/listinfo/ovillo