Ver Mensaje Individual
  #10 (permalink)  
Antiguo 09/12/2010, 10:38
kseso?
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 11 meses
Puntos: 539
Respuesta: [IE 6] Deja un espacio en blanco

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
Cita:
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:
Ver original
  1. <div id="about">
  2.     <div class="articulo_titulo">
  3.                 Acerca
  4.     </div>
  5.         <div class="articulo_cuerpo">
  6.             <div class="articulo_cuerpo_imagen">
  7.                     <img alt="Fotografía" src="picture.png">
  8.                 </div>
  9.                 <div>Edad: 22 años</div>
  10.                 <div>Ubicación: Lomas de Zamora, Buenos Aires, Argentina</div>
  11.         </div>
  12. </div>
Podría ser sustituida por una lista de términos o de definición (dl/dd/dt)
Código HTML:
Ver original
  1. <div id="about">
  2.     <dl>
  3.         <dt>Acerca</dt>
  4.             <dd><img alt="Fotografía" src="picture.png"></dd>
  5.             <dd>Edad: 22 años</dd>
  6.             <dd>Ubicación: Lomas de Zamora, Buenos Aires, Argentina</dd>
  7.     </dl>
  8. </div>
y si le resulta complejo, como poco algo así:
Código HTML:
Ver original
  1. <div id="about">
  2.     <h2>Acerca</h2>
  3.     <img alt="Fotografía" src="picture.png">
  4.     <p>Edad: 22 años</p>
  5.     <p>Ubicación: Lomas de Zamora, Buenos Aires, Argentina</p>
  6. </div