Tema: Ayuda con Clear:Both; en Explorer
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 30/01/2009, 08:06
jplazavidaurre
 
Fecha de Ingreso: diciembre-2008
Ubicación: Francia
Mensajes: 47
Antigüedad: 16 años, 10 meses
Puntos: 0
Respuesta: Ayuda con Clear:Both; en Explorer
Gracias desde Francia Willifc,

Mira, mi CSS es así. Creo que está bien. Hay en horizontal arriba el banner y la navegación; luego iría debajo: a la izda. el menus_izda y a la derecha el contenido, y abajo de estos dos el pie.

Como te digo va bien salvo en explorer que el contenido se desplaza verticalmente hacia abajo por debajo de los menus_izda y no veo lo que sea.

Gracias por tu amable ayuda.

Código css: 
Ver original
  1. /*========================================
  2. Estilos para el body
  3. ========================================*/
  4. body {
  5. font-family: Verdana, Arial, Helvetica, sans-sherif;
  6. font-size: Small; /*tamaño de la fuente*/
  7. color: green;
  8. background-image:url(img/bg_body.png);
  9. background-attachment: fixed;
  10. background-position: center center;
  11. }
  12. a {text-decoration: none;}
  13. a:link {color: green}
  14. a:visited {color: red}
  15. a:hover, a:focus {text-decoration: underline;}
  16. /*========================================
  17. Estilos para el wrapper
  18. ========================================*/
  19. #wrapper {
  20. color: black;
  21. background-color: white;
  22. width: 800px;
  23. margin-right: auto;
  24. margin-left: auto;
  25. border-top: 1px solid #C4C4C4;
  26. border-right: 1px solid #C4C4C4;
  27. border-left: 1px solid #C4C4C4;
  28. border-bottom: 1px solid #C4C4C4;
  29. }
  30. /*========================================
  31. Estilos para el banner
  32. ========================================*/
  33. #banner {
  34.  
  35.     background-image:url(img/banner_fondo.jpg);
  36.  
  37.     background-repeat:no-repeat;
  38.     width: 800px;
  39.  
  40.     height:150px;
  41.     margin-bottom: 0;
  42.     }
  43. /*========================================
  44. Estilos para navegacion
  45. ========================================*/
  46. #navegacion {
  47.     background-image:url(img/bg_navegacion.png);
  48.  
  49.     background-repeat:repeat-y;
  50.     text-align:right;
  51.     color: black;
  52.     border-bottom: 1px solid #8c8c8c;
  53.     margin-bottom: 0;
  54.     }
  55.     #navegacion li {
  56.         display: inline;
  57.         list-style-type: none;
  58.         padding-right: 15px;
  59.         }
  60. /*========================================
  61. Estilos para menus_izda
  62. ========================================*/
  63. #menus_izda {
  64.     font-size: 80%;
  65.     font-style: normal;
  66.     float: left;
  67.     padding-left: 5px;
  68.     padding-top: 5px;
  69.     width: 190px;
  70.     list-style-type: none;
  71. }
  72. /*========================================
  73. Estilos para el contenido -index-
  74. ========================================*/
  75. #contenido {
  76.     text-align:justify;
  77.     background-color: white;
  78.     width: 580px;
  79.     margin-left: 190px;
  80.     padding-left: 10px;
  81.     padding-right: 10px;
  82. }
  83. /*========================================
  84. Estilos para el pie
  85. ========================================*/
  86. #pie {
  87. clear: both;
  88. padding-top: 10px;
  89. border-top: 1px solid #8c8c8c;
  90. margin-top: 20px;
  91. }
  92.     address {
  93.     text-align: center;
  94.     font-size: 80%;
  95.     font-style: normal;
  96.     letter-spacing: 2px;
  97.     line-height: 1.5em
  98.     }