Tema: Ayuda con footer
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 05/03/2011, 17:48
Avatar de VbOkonly
VbOkonly
 
Fecha de Ingreso: julio-2009
Ubicación: San Justo, Buenos Aires, Argentina
Mensajes: 490
Antigüedad: 15 años, 4 meses
Puntos: 5
Ayuda con footer
Hola a todos, tengo un problema con un formulario(solo con ese) en la parte del footer.

les doy la estructura y el codigo css:

Estructura:

Código HTML: 
Ver original
  1. <html>
  2. <body>
  3. <div id="contenedormuestra">
  4.   <div id="header"></div>
  5.   <div id="muestraentera">
  6.   <div id="verfoto">
  7.     <div id="foto"></div>
  8.     <div id="fototitle"></div>
  9.     <div id="fotodescripcion"></div>
  10.   </div>
  11.   <div id="vercomentarios">
  12.     <div id="autorcomen"></div>
  13.     <div id="salto"></div>
  14.     <div id="comentario"></div>
  15.   </div>
  16.   <div id="enviarcomen"></div>
  17.   </div>
  18.   <div id="footer">Colocar aquí el contenido para  id "footer"</div>
  19. </div>
  20. </body>
  21. </html>

Codigo css de las partes:

Código CSS: 
Ver original
  1. #contenedormuestra {
  2.     height: auto;
  3.     width: 1024px;
  4.     background-color: #FFFFFF;
  5.     margin: 0 auto;
  6. }
  7. #header {
  8.     width: 1024px;
  9.     height: 150px;
  10.     background-color: #5B5B5B;
  11. }
  12. #muestraentera {
  13.     clear: left;
  14.     float: left;
  15.     height: auto;
  16.     width: 810px;
  17.     padding-left:10px;
  18. }
  19. #verfoto {
  20.     clear: both;
  21.     height: auto;
  22.     width: 800px;
  23.     text-align: left;
  24. }
  25. #foto {
  26.     clear: both;
  27.     text-align: left;
  28.     height: auto;
  29.     width: auto;
  30. }
  31. #fototitle {
  32.     clear: both;
  33.     height: auto;
  34.     width: auto;
  35. }
  36. #fotodescripcion {
  37.     clear: both;
  38.     height: auto;
  39.     width: 800px;
  40.     text-align: left;
  41.     word-wrap:break;
  42. }
  43. #vercomentarios {
  44.     height: auto;
  45.     width: 800px;
  46.     clear: both;
  47.     text-align: left;
  48. }
  49. #autorcomen {
  50.     font-family: Verdana, Arial, Helvetica, sans-serif;
  51.     font-size: 18px;
  52. }
  53. #salto {
  54.     clear: both;
  55.     height: 1px;
  56.     width: 600px;
  57.     text-align: left;
  58. }
  59. #comentario {
  60.     clear: both;
  61.     height: auto;
  62.     width: 600px;
  63.     word-wrap: break-word;
  64.     font-family: Verdana, Arial, Helvetica, sans-serif;
  65. }
  66. #enviarcomen {
  67.     height: 250px;
  68.     width: 600px;
  69.     clear: both;
  70.     text-align: center;
  71. }
  72. #footer {
  73.     height: 100px;
  74.     width: 1024px;
  75.     background-color: red;
  76.     clear: both;
  77.     float:left;
  78. }
  79. #footer p {
  80.     margin: 0;
  81. }

Nosé porque se me hace un pequeño surco a la izquierda de unos 10px en el footer, me sucede en IE y firefox(la ultima version)

Alguna ayudita? xD, en el dreamweaver aparece bien.