Ver Mensaje Individual
  #6 (permalink)  
Antiguo 30/01/2009, 08:25
Avatar de willyfc
willyfc
 
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 15 años, 6 meses
Puntos: 40
Respuesta: Ayuda con Clear:Both; en Explorer

Cita:
Iniciado por jplazavidaurre Ver Mensaje
Hola Dalvenjha;

No sé a qué te refieres con un div vacío... ¿dónde he hecho eso?
lo decía por mi, yo si puse un div vacio(que pena no quize molestarlo). Prueba de esta manera, copialo y pegalo en un archivo nuevo para probarlo:

Código css:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5. <title>Documento sin t&iacute;tulo</title>
  6. <style type="text/css">
  7. body {
  8. font-family: Verdana, Arial, Helvetica, sans-sherif;
  9. font-size: Small; /*tamaño de la fuente*/
  10. color: green;
  11. background-image:url(img/bg_body.png);
  12. background-attachment: fixed;
  13. background-position: center;
  14. }
  15. a {text-decoration: none;}
  16. a:link {color: green}
  17. a:visited {color: red}
  18. a:hover, a:focus {text-decoration: underline;}
  19. /*========================================
  20. Estilos para el wrapper
  21. ========================================*/
  22. #wrapper {
  23. color: black;
  24. background-color: white;
  25. width: 800px;
  26. margin:0 auto;
  27. border: 1px solid #C4C4C4;
  28. }
  29. /*========================================
  30. Estilos para el banner
  31. ========================================*/
  32. #banner {
  33.     background-image:url(img/banner_fondo.jpg);
  34.     background-repeat:no-repeat;
  35.     width: 800px;
  36.     height:150px;
  37.     margin: 0;
  38.     }
  39. /*========================================
  40. Estilos para navegacion
  41. ========================================*/
  42. #navegacion {
  43.     background-image:url(img/bg_navegacion.png);
  44.     background-repeat:repeat-y;
  45.     text-align:right;
  46.     color: black;
  47.     border-bottom: 1px solid #8c8c8c;
  48.     margin-bottom: 0;
  49.     }
  50.     #navegacion li {
  51.         display: inline;
  52.         list-style-type: none;
  53.         padding-right: 15px;
  54.         }
  55. /*========================================
  56. Estilos para menus_izda
  57. ========================================*/
  58. #menus_izda {
  59.     font-size: 80%;
  60.     font-style: normal;
  61.     float: left;
  62.     padding: 5px 0 0 5px;
  63.     width: 190px;
  64.     list-style-type: none;
  65. }
  66. /*========================================
  67. Estilos para el contenido -index-
  68. ========================================*/
  69. #contenido {
  70.     text-align:justify;
  71.     background-color: white;
  72.     width: 580px;
  73.     margin-left: 190px;
  74.     padding:0 10px 0 10px;
  75.     border-bottom:1px solid #333;
  76. }
  77. /*========================================
  78. Estilos para el pie
  79. ========================================*/
  80. #pie {
  81. clear: both;
  82. padding-top: 10px;
  83. border-top: 1px solid #8c8c8c;
  84. margin-top: 20px;
  85. }
  86.     .address {
  87.     text-align: center;
  88.     font-size: 80%;
  89.     font-style: normal;
  90.     letter-spacing: 2px;
  91.     line-height: 1.5em
  92.     }
  93.  
  94. </style>
  95. </head>
  96.  
  97. <body>
  98. <div id="wrapper">
  99.     <div id="banner">
  100.         <div id="navegacion"></div>
  101.     </div>
  102.     <div id="menus_izda">sdfsdfsdf</div>
  103.     <div id="contenido">sdfasfasdf</div>
  104.     <div id="pie"> asdf asfasf asf asdf </div>
  105. </div> 
  106. </body>
  107. </html>

avisas como te va
__________________
WFC
codigo82