Tema: Padding fantasma (imagen ilustrativa en el post)
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 19/02/2012, 09:19
Avatar de emprear
emprear
Colaborador
  
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 10 meses
Puntos: 1567
Respuesta: Padding fantasma (imagen ilustrativa en el post)
No veo que en ninguna parte hayas reseteado tu <ul>

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <title>titulo</title> 
  6. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  7.  
  8. <style type="text/css">
  9. /*<![CDATA[*/
  10.  
  11.  
  12. div {
  13. border: solid 1px #000;
  14. overflow: auto;
  15. }
  16.  
  17. /* esto corregiría el padding */
  18. div ul {
  19. padding: 0;
  20. margin: 0;
  21. }
  22.  
  23. div ul li
  24. {
  25.     height: 32px;
  26.     width: 126px;
  27.     font-family: Arial;
  28.     list-style:none;
  29.     float:right;
  30.     color:#FFF;
  31.     text-decoration: none;
  32.     margin-left: 1%;
  33.     margin-right: 1%;
  34.     border: solid red 1px;
  35. }
  36.  
  37.  
  38. /*]]>*/
  39. </style>
  40. </head>
  41. <body>
  42. <div>
  43. <ul>
  44. <li>ssss</li>
  45. <li>zzzz</li>
  46. </ul>
  47. </div>
  48. </body>
  49. </html>
Agregué un borde al div solo para visualizar el problema
SAludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.