Foros del Web » Creando para Internet » HTML »

Texto invisible en ie6

Estas en el tema de Texto invisible en ie6 en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 03/10/2010, 13:43
 
Fecha de Ingreso: agosto-2010
Mensajes: 215
Antigüedad: 7 años, 3 meses
Puntos: 6
Texto invisible en ie6

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?
  #2 (permalink)  
Antiguo 03/10/2010, 13:46
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 10 meses
Puntos: 771
Respuesta: Texto invisible en ie6

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,
  #3 (permalink)  
Antiguo 03/10/2010, 14:23
Avatar de Colorea  
Fecha de Ingreso: octubre-2010
Ubicación: En www.coloreahtml.zzl.org
Mensajes: 8
Antigüedad: 7 años, 2 meses
Puntos: 1
Respuesta: Texto invisible en ie6

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.
  #4 (permalink)  
Antiguo 04/10/2010, 18:20
 
Fecha de Ingreso: agosto-2010
Mensajes: 215
Antigüedad: 7 años, 3 meses
Puntos: 6
Respuesta: Texto invisible en ie6

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
  #5 (permalink)  
Antiguo 04/10/2010, 20:18
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: Texto invisible en ie6

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
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #6 (permalink)  
Antiguo 05/10/2010, 08:46
 
Fecha de Ingreso: agosto-2010
Mensajes: 215
Antigüedad: 7 años, 3 meses
Puntos: 6
Respuesta: Texto invisible en ie6

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
  #7 (permalink)  
Antiguo 05/10/2010, 09:19
Avatar de netovs  
Fecha de Ingreso: enero-2010
Ubicación: Mexico DF
Mensajes: 150
Antigüedad: 7 años, 11 meses
Puntos: 9
Respuesta: Texto invisible en ie6

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.
__________________
No por que a mi nadie me ayudo a aprender a programar yo no les voy a ayudar ...

Comunicación Web
  #8 (permalink)  
Antiguo 05/10/2010, 10:28
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: Texto invisible en ie6

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
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #9 (permalink)  
Antiguo 05/10/2010, 12:07
 
Fecha de Ingreso: agosto-2010
Mensajes: 215
Antigüedad: 7 años, 3 meses
Puntos: 6
Respuesta: Texto invisible en ie6

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!

Etiquetas: css, invisble, txt
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:46.