[Ovillo] Problemas con IE y menu

[Jesus Torralba Izuel]

Hola a todos/as,
tengo un problema con el "menu" que he preparado para esta web. Lo  
veo perfecto con Firefox, pero no lo veo bien con IE ni otros  
navegadores.
Podéis ayudarme?

Esta es la web: http://www.mielrufas.com/cuerpoyconsciencia/

Este es la hoja de estilos: http://www.mielrufas.com/ 
cuerpoyconsciencia/estilos.css
Estos son los estilos para las capas: http://www.mielrufas.com/ 
cuerpoyconsciencia/capas.css

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

Re: [Ovillo] problemas con IE, line-height y lista desordenada

[Edu G. - xadap]

parece que mis compañeros lo han solucionado ya. gracias de todas formas :)

On 10/1/07, xNoleet <[EMAIL PROTECTED]> wrote:
>
> ERROR 404 NO ENCONTRADO
>
> El día 30/09/07, Edu G. - xadap <[EMAIL PROTECTED]> escribió:
> >
> > Buenas!
> > Tengo problemas con IE6.
> > estoy preparando una hoja de estilo exclusiva para él por motivos que no
> > vienen a cuento. Más adelante hay previsto un desarrollo mejor.
> > el problema lo podéis ver en http://www.eduard-gamonal.net/index.php
> > fijaros en el menú de la izquierda. yo ya no sé qué más hacerle. está en
> > la
> > clase ".nav", igual que el de la derecha.
> > en cualquier navegador y en IE7 se ve bien:
> > http://sourceforge.net/project/screenshots.php?group_id=200892
> >
> > ideas?
> > gracias!
> >
> > --
> > tac822.net
> > MusicaLliure.net
> > ___
> > 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
> >
>
>
>
> --
> xNoleet ][ freelance graphic designer & artist ]
>
> http://www.dojohabit.com ][ Dôjo ]
> http://www.luser-co.com ][ Lüser - Tees de diseño x Fuck Fashion! ]
> http://vm.dojohabit.com ][ personal portfolio ]
> http://h3x.dojohabit.com ][ experimental project ]
> ___
> 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
>



-- 
tac822.net
MusicaLliure.net
___
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] problemas con IE, line-height y lista desordenada

[xNoleet]

ERROR 404 NO ENCONTRADO

El día 30/09/07, Edu G. - xadap <[EMAIL PROTECTED]> escribió:
>
> Buenas!
> Tengo problemas con IE6.
> estoy preparando una hoja de estilo exclusiva para él por motivos que no
> vienen a cuento. Más adelante hay previsto un desarrollo mejor.
> el problema lo podéis ver en http://www.eduard-gamonal.net/index.php
> fijaros en el menú de la izquierda. yo ya no sé qué más hacerle. está en
> la
> clase ".nav", igual que el de la derecha.
> en cualquier navegador y en IE7 se ve bien:
> http://sourceforge.net/project/screenshots.php?group_id=200892
>
> ideas?
> gracias!
>
> --
> tac822.net
> MusicaLliure.net
> ___
> 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
>



-- 
xNoleet ][ freelance graphic designer & artist ]

http://www.dojohabit.com ][ Dôjo ]
http://www.luser-co.com ][ Lüser - Tees de diseño x Fuck Fashion! ]
http://vm.dojohabit.com ][ personal portfolio ]
http://h3x.dojohabit.com ][ experimental project ]
___
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] problemas con IE, line-height y lista desordenada

[Edu G. - xadap]

Buenas!
Tengo problemas con IE6.
estoy preparando una hoja de estilo exclusiva para él por motivos que no
vienen a cuento. Más adelante hay previsto un desarrollo mejor.
el problema lo podéis ver en http://www.eduard-gamonal.net/index.php
fijaros en el menú de la izquierda. yo ya no sé qué más hacerle. está en la
clase ".nav", igual que el de la derecha.
en cualquier navegador y en IE7 se ve bien:
http://sourceforge.net/project/screenshots.php?group_id=200892

ideas?
gracias!

-- 
tac822.net
MusicaLliure.net
___
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] problemas con ie

[Sureña]

Buenas Noches, llevo horas tratando de que se vean dos objetos flash en ie,
y no lo consigue, en ff, se ve perfecto:
paso la direccion: para que vean como deberia verse:

http://members.libreopinion.com/ar/judithg/

no se que mas hacer, esta organizado asi:
una imagen que esta en una tabla de una fila por una celda, que actua como
imagen de fondo, la puse en una tabla porque no consegui que se adaptara
avarias resoluciones dentro de un div,  luego hay  dos divs con un objeto
flash cada uno posicionado al pie de dicha imagen pues, esto es lo que no
consigo que se vea en ie, inclusive diseñe una css aparte, para ie con
comentarios condicionales y ni asi consigo, que se vean los dos flash, que
puedo hacer?; por cierto tampoco aparece el pie, Por favor, denme alguna
idea, que "me colgue"

css:
body, #general, #cabecera, #animpingui, #links, #flash1, #flash2, #pie,
#fondo{
  margin:0; padding:0;}


body{align:left;}


table, tr, td {align:center; width:95%;height:auto; border:6px groove
#0055e6; background-color:#f2fef2}

#general{position:absolute; left:2%; top:1%; width:99%; height:auto;}

#fondo{width:99%; height:99%;position:relative; left:1%; top:1%;}

#cabecera{}

#pingui{width:32%; height:17%; position:absolute; top:4%; left:5%}

#animpingui{}

#links ul{position:absolute; top:65%; left:2%;
padding:0;
margin:0;
list-style:none;
width: 95%;
height:5%;
float: left;
}

#links li{
position:relative;
text-align:center;
display:block;
float:left;
width:50%;
font-size:1.1em;
font-style:italic bold;
}

#links a{
text-decoration:none;
color:#fff;
background-color:#0d00f3;
}

#flash1 {width:29%; height:41%; position:absolute; top:70%;left:11%;
border:5px solid #0055e6;}

#flash2{width:29%; height:41%; position:absolute; top:70%; left:58%;
border:5px solid #0055e6;}


#pie{position:relative; left:30%; top:115%;}


HTML:



El Pinguino de Las Grutas







   








http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash
">
 




  
Departamentos  
  Parador  




  http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0";
width="100%" height="100%">
  
  
  http://www.macromedia.com/go/getflashplayer";
  type="application/x-shockwave-flash">
  




http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0";
width="100%" height="100%">
  
  
  http://www.macromedia.com/go/getflashplayer";
  type="application/x-shockwave-flash">
  



EL PINGUINO DE LAS GRUTAS - Las Grutas Rio Negro




___
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] 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] 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] 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

[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

Re: [Ovillo] Problemas con IE...

[Roger Martín]

El problema de tu diseño es que la tabla .PropBar_table flota a la
izquierda con respecto a
tabla Classbody (la propiedad float siempre relaciona un elemento con el
que le sigue en el código HTML) y como tabla tiene el 100% de ancho,  se
descoloca.

Prueba con :

 .NavBar_Table { text-align: center;
   font-size: 11px;
   }

 .PropBar_Table { text-align: center;
   font-size: 11px;
   position: absolute;
   top: 0px;
   right:0px;
   }

Controla que NavBar no se extienda mucho, ya que podría pisar a PropBar.

Funciona en W3C y en IE 6.




___
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...

[Víctor Berga]

Hola,

José Montes Cuadrado escribió:

>
>
> José Montes Cuadrado escribió:
>
>>
>> Creo, y espero no confundirme, que se solucionaría así:
>>
>> .ClassBody { font-family: Arial,Helvetica,sans-serif;
>>   font-size: 13px;
>>   margin-top: 100px;
>>   position: relative;
>>   float: left;
>> }
>>
>
> Bien, acabo de probarlo en FF, y además de poner float:left, te
> sobraría el margen de 100px. La solución debería valerte también para IE.

Exacto se ve perfecto en todos y reduciendo el margen hasta 10px. No sé
cómo no caí en esa posibilidad. Mil gracias a todos!!

Víctor

-- 
Víctor Berga [vbergae at programo.com]
  
  * http://www.programo.com
  * http://phpgescen.espicato.com

Linux Registered User: #286951
-
"Sin música, la vida sería un error..."

___
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...

[José Montes Cuadrado]

José Montes Cuadrado escribió:



Víctor Berga escribió:


Gracias por contestar.

Ahora lo malo es que en IE se ve perfecto, pero en todos los demás
descuadrado hacia la derecha... ¿Se puede hacer algo para que seleccione
una forma u otra según el navegador?

Víctor



Creo, y espero no confundirme, que se solucionaría así:

.ClassBody { font-family: Arial,Helvetica,sans-serif;
  font-size: 13px;
  margin-top: 100px;
  position: relative;
  float: left;
}



Bien, acabo de probarlo en FF, y además de poner float:left, te sobraría 
el margen de 100px. La solución debería valerte también para IE.

--
==#==
José Montes Cuadrado
GATEWAY, S.C.S.
http://www.gateway-scs.es
Paseo de Zorrilla, 89 - 1º A
C.P.: 47007 Valladolid (Spain)
Telf: (34) 983 137 188
Fax: (34) 983 137 189
E-mail: [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] Problemas con IE...

[José Montes Cuadrado]

Víctor Berga escribió:

Gracias por contestar.

Ahora lo malo es que en IE se ve perfecto, pero en todos los demás
descuadrado hacia la derecha... ¿Se puede hacer algo para que seleccione
una forma u otra según el navegador?

Víctor



Creo, y espero no confundirme, que se solucionaría así:

.ClassBody { font-family: Arial,Helvetica,sans-serif;
  font-size: 13px;
  margin-top: 100px;
  position: relative;
  float: left;
}

--
==#==
José Montes Cuadrado
___
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...

[Víctor Berga]

Gracias por contestar.

Ahora lo malo es que en IE se ve perfecto, pero en todos los demás
descuadrado hacia la derecha... ¿Se puede hacer algo para que seleccione
una forma u otra según el navegador?

Víctor

Roger Martín escribió:

> Víctor Berga wrote:
>
>> La clase en cuestión que me da problemas es:
>>
>> .ClassBody { font-family: Arial,Helvetica,sans-serif;
>>font-size: 13px;
>>margin-top: 100px;
>>position: absolute;
>>float: left;
>>}
>>
>>  
>>
> Hay una contradicción en el CSS: si la clase es absoluta, fuera del
> flujo web, no puede ser float left. Además con un ancho
> del 100% el float para poco sirve. Quita el float.
>
> Si usas posicionado absoluto define siempre top y left aunque sean 0,
> ya que en nuestro amigo IE a veces suele colocar un elemento absoluto
> a partir de su posición en el flujo.
>
> De todos modos, creo que en tu diseño la tabla no tiene que estar
> posicionado con absolute: es un bloque que se coloca perfectamente con
> un margen superior, es decir position: relative.
>
>
>
>
>
>
>
> ___
> 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
>


-- 
Víctor Berga [vbergae at programo.com]
  
  * http://www.programo.com
  * http://phpgescen.espicato.com

Linux Registered User: #286951
-
"Sin música, la vida sería un error..."

___
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...

[Roger Martín]

Víctor Berga wrote:


La clase en cuestión que me da problemas es:

.ClassBody { font-family: Arial,Helvetica,sans-serif;
   font-size: 13px;
   margin-top: 100px;
   position: absolute;
   float: left;
   }

 

Hay una contradicción en el CSS: si la clase es absoluta, fuera del 
flujo web, no puede ser float left. Además con un ancho

del 100% el float para poco sirve. Quita el float.

Si usas posicionado absoluto define siempre top y left aunque sean 0, ya 
que en nuestro amigo IE a veces suele colocar un elemento absoluto a 
partir de su posición en el flujo.


De todos modos, creo que en tu diseño la tabla no tiene que estar 
posicionado con absolute: es un bloque que se coloca perfectamente con 
un margen superior, es decir position: relative.








___
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...

[Víctor Berga]

Hola a todos,

Primero decir que soy novato en el diseño de Webs, y que me he servido
de NVU para ayudarme con el diseño y el CSS. El problema es que tengo
una página XHTML 1.0 Transitional (validado con éxito en W3C) y una hoja
CSS.

La hoja CSS está en:
http://phpgescen.espicato.com/tema/style.css

Y la página que me sirve de modelo:
http://phpgescen.espicato.com/tema/

El problema es que he probado mi diseño en Konqueror, Gecko (Mozilla
1.7, Firefox 1.0 y 1.5, Netscape 8, Epiphany y Galeon), Opera 8.5 e
Internet Explorer.

En todos los navegadores se me ve perfecto e idéntico excepto con IE que
lo que pertenece a la clase .ClassBody me sale descuadrado y se sale por
el margen derecho. No sé si lo que quiero conseguir lo estoy haciendo
bien con las reglas CSS que tengo hechas o si por el contrario para lo
que deseo existen reglas compatibles con IE. Por favor si alguien puede
ayudarme se lo agradeceré.

La clase en cuestión que me da problemas es:

.ClassBody { font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
margin-top: 100px;
position: absolute;
float: left;
}


Un saludo,
Víctor

-- 
Víctor Berga [vbergae at programo.com]
  
  * http://www.programo.com
  * http://phpgescen.espicato.com

Linux Registered User: #286951
-
"Sin música, la vida sería un error..."

___
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 5 en Win

[Manuel González Noriega]

On 6/16/05, Gerard Boyer <[EMAIL PROTECTED]> wrote:
> 
> buenas a todos,
> 
> me parece que es mi primera consulta, pero hace timpo
> que os sigo!
> 
> Mi problema: necesito encontrar información sobre
> comom re-maquetar una web actual (proyecto de nueva
> creación) para que cumpla a partir de IE5 win!!



Pues debería ser bastante facil. Soporte para IE 5.x tiene principalmente el 
problema del modelo de caja, que es´ta requetestudiado, pero creo que no 
mucho más.

-- 
Manuel 
a veces :) a veces :( 
pero siempre trabajando duro para Simplelógica: apariencia, experiencia y 
comunicación en la web.
http://simplelogica.net # (+34) 985 22 12 65

¡Ah! y escribiendo en Logicola: http://simplelogica.net/logicola/
___
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 5 en Win

[Gerard Boyer]

buenas a todos, 

me parece que es mi primera consulta, pero hace timpo
que os sigo!

Mi problema: necesito encontrar información sobre
comom re-maquetar una web actual (proyecto de nueva
creación) para que cumpla a partir de IE5 win!! 
No puedo poner codigo por ahora, pero para que tengaid
una idea es un css que nos han pasado una empresa, en
teoria profesional, y que no cumple de IE6.0 hacia
atras!!!

muchas gracias por la colaboración



__ 
Renovamos el Correo Yahoo! 
Nuevos servicios, más seguridad 
http://correo.yahoo.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...

[kemie guaida]

lo mismo que aplica al ancho, aplica al alto! :)
...:| kemie |:...
.:| www.monolinea.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://ovillo.org/mailman/listinfo/ovillo

RE: Re: [Ovillo] + problemas con IE...

[maispollowanadoo.es]

Gracias kemie, buen articulo...



Sigo teniendo problemas con el alto.



Seguiré probando!



- Mensaje Original -

Remitente: kemie guaida [EMAIL PROTECTED]

Destinatario: "Ovillo, la lista de CSS en castellano" ovillo@lists.ovillo.org

Fecha: Miércoles, Abril 20, 2005 2:07pm

Asunto: Re: [Ovillo] + problemas con IE...



si tu problema es el ancho, te recomiendo este artículo

http://www.disenorama.com/articulos/css/el_modelo_de_cajas.htm



:)



saludos!



...:| kemie |:...

.:| www.monolinea.com <http://www.monolinea.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://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...

[kemie guaida]

si tu problema es el ancho, te recomiendo este artículo
http://www.disenorama.com/articulos/css/el_modelo_de_cajas.htm
:)
saludos!
...:| kemie |:...
.:| www.monolinea.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://ovillo.org/mailman/listinfo/ovillo

[Ovillo] + problemas con IE...

[maispollowanadoo.es]

Hola a [EMAIL PROTECTED]





Alguien sabe cómo podría hacer funcionar este código en IE? 





http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">





















prueba















Para ver lo que necesito hacer solo hay que ejecutarlo en cualquier otro 
navegador -en todos los que he probado funciona como debe- y luego en IE! La 
diferencia en notable.





Estoy desesperado y harto, agradecería cualquier sugerencia y/o idea...





Saludos y gracias.





Antonio Peña.

___
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