[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 <UL> directamente anidados uno
> dentro de otro. Lo correcto es que el <UL> interior sea hijo del <LI>,
> de la siguiente manera:
> <ul>
>   (...)
>   <li><a href="">Naturaleza</a>
>     <ul>
>       <li>Muerta</li>
>       <li>Paisajes</li>
>     </ul>
>   </li>
> </ul>

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 <A> 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:#FFFF99;
*/
	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;
	margin-top:-1em;	
}