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