Texto invisible en ie6

[rex16]

hola, dentro del contenido de mi web, el orden es este:
un slideshow al inicio, debajo texto y bajo el texto unas capas con mas texto pero en columnas.
se ve bien en todos los navegadores, menos en ie6, el navegador al abrir la pagina la muestra bien en su totalidad, pero al desplazarme hacia abajo el texto que hay entre el slideshow y las capas desaparece, se pone invisible pero ahi esta porque deja el espacio donde va y si selecciono ese pedazo pues aparece el texto.

que podria ser?

[JavierB]

Hola rex16

He revisado unas 200 páginas al azar pero no he encontrado ninguna que le pase lo que dices, luego sigo buscando. También ayudaría que pusieras el código que te está dando problemas.

Saludos,

[Colorea]

Amm serviria ver el código, pero yo supondria que es un problema con CSS, IE es muy "fresa" en ese aspecto, talvez este sobreponiendo la jerarquia de los div o algo parecido y ponga las letras del mismo color del fondo.

Si publicas el código te ayudamos ^^

Suerte.

[rex16]

HOLA, disculpen la demora, este es el codigo:

HTML:
<p class="veintepx">Bienvenidos a Chucuri.net una web que San Vicente se merece,
aqui encontraras al alcanze de un click un lugar creado para los chucureños
y extranjeros, para que te sientas orgulloso de decir que esta es tu tierra.</p>
<p>Encontraras un foro para interactuar con tus amigos y expresarte</p>
<p>Articulos varios para que conozcas un poco mas del internet y te diviertas un rato.</p>

<div class="divtitulos"><h3><b>Destacados de la semana</b></h3>
</div>
<div id="portadas">
<div id="destacadosderecha"><p class="">Entrevista al padre jorge</p></div>
<div id="destacadosizquierda">g</div>
</div>


<div class="divtitulos"><h3><b>Porque San Vicente está en el mapa - Descubre a Chucurí.net</b></h3>
</div>
<div id="portadas">
<div id="portadaizquierda">
<img class="miniaturahoy" src="objetos/people.jpg" alt="">
<p class="titulohoy">Conoce el Foro</p>
<p>Chucuri.net cuenta con un foro creado especialmente
para los internautas de san vicente, todas las secciones
son de interes local, podras crear tus propios post,
comentar los post de los demas y expresarte con tus
amigos, descubre la cara interactiva de la web</p>
<p><a class="linkgris" href="#">Registrate ya</a> para participar, es totalmente gratis y solo lleva 1 minuto.
Si tienes dudas sobre el registro lee <a href="#">este tutorial</a></p>
</div>

<div id="portadacentro">
<img class="miniaturahoy" src="objetos/r-m.jpg" alt="">
<p class="titulohoy">Rincón Municipal</p>
<p class="cincopx">Es inevitable crear un sitió local y no dedicarle una seccion
completa a nuestra tierra.
Porque San Vicente de Chucuri se lo merece, aqui encontraras un apartado exclusivo
con toda la informacion relevante y que debes conocer, noticias, personajes,
cultura y movimientos en general</p>
<p>Si tienes algo que quieres mostrar,puedes <a href="#">enviarlo</a> y sera
publicado</p>
</div>

<div id="portadaderecha">
<img class="miniaturahoy"src="objetos/ar.jpg" alt="">
<p class="titulohoy">Árticulos</p>
<p>Aprende un poco mas sobre el mundo del internet, su uso y sus posibilidades,
encuentra datos interesantes y curiosos, humor, entretenimiento y seguro que
algo mas...</P>
<p>En estas paginas todos los Chucureños y Chucureñas nos sumergiremos en la
aventura del conocimiento tecnologico expresado en el uso eficaz de la red, y su
mayor aprovechamiento</p>
</div>
</div>

---CSS---

#wrapper {text-align:left; height:300px; width:680px;margin-left:4px}
*html #wrapper{margin-left:0px}

.divtitulos{width:500px;height:19px;border-top:1px #c3c3c3 solid;
border-right:1px #c3c3c3 solid;border-bottom:1px #c3c3c3 solid;
background-color:#F0F0F0;margin-left:2px;text-align:left;
padding-top:2px;padding-left:4px;margin-left:0px;margin-top:50px}
*html .divtitulos{height:22px;float:left}

#portadas{width:688px;float:left;text-align:left}
*html #portadas{float:left}

#destacadosderecha{width:300px;float:left;border-top:1px #AACCEE dashed;
border-bottom:1px #AACCEE dashed;margin-top:10px;margin-left:7px}
#destacadosizquierda{width:300px;float:right;borde r-top:1px #AACCEE dashed;
border-bottom:1px #AACCEE dashed;margin-top:10px;margin-right:7px}

#portadaizquierda{width:229px;float:left;border-right:1px #AACCEE solid;
margin-top:15px;}
#portadacentro{width:229px;float:left;border-right:1px #AACCEE solid;
margin-top:15px}
#portadaderecha{width:228px;float:right;margin-top:15px}

.miniaturahoy{float:left;margin-left:3px;}
.titulohoy{font-size:23px;margin-top:5px;margin-left:40px;}
.veintepx{margin-top:20px}
.cincopx{margin-top:5px}
.linkgris{color:#666666;text-decoration:none;border-bottom:1px #666666 dotted}


---pongo todo lo del contenido, pero solo se "invisibiliza"(acabo de inventar esta palabra) el primer parrafo que lleva la clase veintepx, que es el margin-top que le doy para que se separe un poco del slideshow superior

[emprear]

rex16:
eso que pasaste, tal cual lo pasaste, no te oculta ningun texto en IE6, todo lo que se vé en ie7/8-firefox. No se ve igual pero el texto aparece todo, le puse unas imágenes para probarlo.
Si usas float en IE6 seguro vas a tenesr desfasajes, fijate en
http://qsdqsd.free.fr/Articles/MSIE6...ht/index2.html
y mirá el ejemplo.

De todas formas, el texto se vé , lo que no quiere decir que la página se vea muy correctamente, hay algunos solapamientos entre capas.

Tendrías que subir la página completa y pasar la url, slider incluido. Visto asi es muy vaga la referencia.


saludos

[rex16]

GRACIAS EMPREAR,

en la hoja de estilos para ie6 agregue la propiedad position:relative en todas las capas que vayan dentro de la capa texto, y en la texto tambien y se soluciono, eso si, debe ser en todas, de lo contrario donde aguegue la propiedad se vera y donde no, pues no se vera nada.

a mi siempre se me ha visto bien en todos los demas navegadores, debe de haber sido porque solo puse una parte, pero me quedo una duda, podrias decirme que es "solapamiento de capas"...
gracias de nuevo

[netovs]

La solución inmediata es poner un link para que el usuario aprenda a usar firefox y chrome, pero eso es mentira.

El solapamiento de capas de forma rápida es: cuando una capa se superpone a otra checa este link y veras que el concepto tal vez ya lo conoces.

[emprear]

Rex:

es probable que eso se obedezca a que no enviaste el código completo, pero para que lo veas, te dejo una captura (yo cree 3 miniaturas de 100 x 100, no se de cuanto son las tuyas en realidad, pero fijate como se enciman los textos

http://foros.emprear.com/html/rex16.jpg

saludos

[rex16]

gracias por el link netovs ya me leo todo ese articulo.

Emprear amigo no te fijes mas en ese detalle, ya te digo que esta bien y efectivamente eso que me muestras en la captura no sucede, se debe a que los textos que se salen de los recuadros estan indicados en el html como un h3, y pues en el codigo css que puse no agregue las propiedades h3 que serian estas:

h3{color:#003973;font-size:13px}
(es por el tamaño de la fuente)

... y talvez algo mas que se me escapa... mil gracias por tu dedicacion a ayudarme y pues ¡problemita resuelto!