[IE 6] Deja un espacio en blanco

[Facundo_Nahuel]

Buenos días a todos. Necesitaría su ayuda en esta ocasión.
Acabo de publicar mi sitio (http://facundoruiz.com), y probando entre varias versiones de IE6, noté que en esta, en la pestaña de "conocimientos" deja un espacio transparente entre el titulo y el cuerpo. Estaré muy agradecido con quienes puedan darme una mano

Si alguien tiene alguna recomendación o corrección, también será bien recibida =D

Atte. Facundo

[darksitoo]

bueno yo tengo la vercion IE8.

si sabes en algun lugar donde pueda obtener el IE6 me lo descargare con mucho gusto para ver si se puede resolver.

a y ademas he notado que tambien cambian las esquinas, pues en el firefox, son redonditas y en el IE son cuadradas.

bueno si te gustaria una forma facil y rapida que tu web quedara igual en todos los navegadores, compartible con todo, exepto con celulares xD

puedes usar el famoso Flash Player, si resien estas empesando puedes usar el AS2 que es un codigo basico. xD

[Facundo_Nahuel]

Buenas Darksitoo:

Para las pruebas con diferentes versiones de IE utilizo IE Tester

La diferencia de bordes se debe a que utilizo una propiedad que solo genera bordes en los navegadores mozilla y otro para los de webkit, IE de momento no estoy al tanto de que tenga una función similar con CSS.

Agradezco tu sugerencia de utilizar Flash, pero estoy interesado en desarrollar páginas que utilizen solamente tecnologías y estándares abiertos(Y de ser posible libres) y compatible con la mayor cantidad de cosas posibles

[Willy_N]

Yo tengo IE6 y veo perfectamente el espacio que hay.

Podrías probar cambiar

Código HTML:

<div class="datos_utiles_descripcion">
    Desarrollo de páginas y aplicaciones web
</div>
 
<div class="datos_utiles_cuerpo">
    <table>
        <thead>
            <tr>
 

por

Código HTML:

<div class="datos_utiles_cuerpo">
    <table>
        <caption>Desarrollo de páginas y aplicaciones web</caption>
            <thead>
                <tr>
 

No sé si esto va a arreglar el problema, pero es lo primero que intentaría hacer.

[TuWebBook]

Lo mejor es optimzar las páginas para que se vean bien con las últimas versiones de los navegadores, en mi humilde opinión no vale la pena perder tiempo en saber si la página se ve bien en IE6.

[Facundo_Nahuel]

Iniciado por Willy_N

Yo tengo IE6 y veo perfectamente el espacio que hay.

Podrías probar cambiar

Código HTML:

<div class="datos_utiles_descripcion">
    Desarrollo de páginas y aplicaciones web
</div>
 
<div class="datos_utiles_cuerpo">
    <table>
        <thead>
            <tr>
 

por

Código HTML:

<div class="datos_utiles_cuerpo">
    <table>
        <caption>Desarrollo de páginas y aplicaciones web</caption>
            <thead>
                <tr>
 

No sé si esto va a arreglar el problema, pero es lo primero que intentaría hacer.

Lo probé, pero parece que no viene por ahí el problema.
¿A qué te refieres con que ves bien el espacio?¿Ves el espacio "trasparente"?

Iniciado por TuWebBook

Lo mejor es optimzar las páginas para que se vean bien con las últimas versiones de los navegadores, en mi humilde opinión no vale la pena perder tiempo en saber si la página se ve bien en IE6.

Lamentablemente IE6 sigue teniendo un importante porcentaje. Aunque me gustaría no tener que estar haciendo implementaciones especificas para dicho navegador, lo cierto es que seguramente en cualquier desarrollo te pidan que lo tengas en cuenta.

Atte Facundo

[Willy_N]

Lo siento, podría haber funcionado.

Se ve

[Portgaz]

Bueno ahora lo veo y se ve impecable.
Lo unico que hay es las esquinas cuadradas en IE, que es demenor prioridad.

Lo de el espacio, ya no lo veo, creo que ya lo solucionaste.

Pero ahora, los titulos en negro que dicen Lenguaje y Seniority
Sales desacomodados.

deberias usar una tabla para este caso.
Saludos

[Facundo_Nahuel]

Iniciado por Portgaz

Bueno ahora lo veo y se ve impecable.
Lo unico que hay es las esquinas cuadradas en IE, que es demenor prioridad.

Lo de el espacio, ya no lo veo, creo que ya lo solucionaste.

Pero ahora, los titulos en negro que dicen Lenguaje y Seniority
Sales desacomodados.

deberias usar una tabla para este caso.
Saludos

Buenas Portgaz.
¿Con qué versión de IE probaste? Todavía no lo he solucionado, sigo viendolo igual con IE6(las demás se ve bien)

¿A qué te refieres con que salen desacomodados?, está hecho con tablas, pero el texto del titulo está alineado a la izquierda.


Atte Facundo

[kseso?]

No tengo a mano ni al ie6 original ni a ietester, así que tiro de intuición:
Posíblemente tenga el bug del doble margen en elementos flotados.
Pruebe a asignar un margen izquierdo negativo a #about

margin-left: -20px;

En la imagen veo que los li de los lenguajes (los que tienen el fondo #cga) ie6 los muestra ocupando toda la línea: decláreles una anchura.

También le sugiero que cure un poco la "divitis", esto es, sea algo más semántico y utilice otras etiquetas que no sean div´s, y que para eso están.
Un ejemplo:

Código HTML:

<div id="about">
    <div class="articulo_titulo">
                Acerca
    </div>
        <div class="articulo_cuerpo">
            <div class="articulo_cuerpo_imagen">
                    <img alt="Fotografía" src="picture.png">
                </div>
                <div>Edad: 22 años</div>
                <div>Ubicación: Lomas de Zamora, Buenos Aires, Argentina</div>
        </div>
</div>
 

Podría ser sustituida por una lista de términos o de definición (dl/dd/dt)

Código HTML:

<div id="about">
    <dl>
        <dt>Acerca</dt>
            <dd><img alt="Fotografía" src="picture.png"></dd>
            <dd>Edad: 22 años</dd>
            <dd>Ubicación: Lomas de Zamora, Buenos Aires, Argentina</dd>
    </dl>
</div>
 

y si le resulta complejo, como poco algo así:

Código HTML:

<div id="about">
    <h2>Acerca</h2>
    <img alt="Fotografía" src="picture.png">
    <p>Edad: 22 años</p>
    <p>Ubicación: Lomas de Zamora, Buenos Aires, Argentina</p>
</div
 

[TuWebBook]

Iniciado por Facundo_Nahuel

Lamentablemente IE6 sigue teniendo un importante porcentaje. Aunque me gustaría no tener que estar haciendo implementaciones especificas para dicho navegador, lo cierto es que seguramente en cualquier desarrollo te pidan que lo tengas en cuenta.

Atte Facundo

Por desgracia... tienes toda la razón.

[Facundo_Nahuel]

Bueno, pude hacerme algo de tiempo y volver a meterme con la página.

Iniciado por kseso?

No tengo a mano ni al ie6 original ni a ietester, así que tiro de intuición:
Posíblemente tenga el bug del doble margen en elementos flotados.
Pruebe a asignar un margen izquierdo negativo a #about


En la imagen veo que los li de los lenguajes (los que tienen el fondo #cga) ie6 los muestra ocupando toda la línea: decláreles una anchura.

También le sugiero que cure un poco la "divitis", esto es, sea algo más semántico y utilice otras etiquetas que no sean div´s, y que para eso están.

Podría ser sustituida por una lista de términos o de definición (dl/dd/dt)
y si le resulta complejo, como poco algo así:

El utilizar un margen negativo no cambió nada, pero tienes razón en que se debe a los elementos flotados. Probaré por ese lado y si funciona informaré cómo lo hice.

Agradezco mucho la recomendación sobre utilizar etiquetas semánticas, se me pasó por alto pero te doy toda la razón en ello


Agradezco todos los comentarios, ahora sigo probando