Tema: ayuda con estructura con divs y css
Ver Mensaje Individual
  #6 (permalink)  
Antiguo 09/11/2010, 11:11
lmerli
 
Fecha de Ingreso: junio-2006
Ubicación: España
Mensajes: 122
Antigüedad: 17 años, 10 meses
Puntos: 2
Respuesta: ayuda con estructura con divs y css
hola, muchas gracias por vuestras respuestas, y con lo del borde me ha ayudado bastante para ver claro el error que tenia. Ahora ya me llegan hasta el final dependiendo del texto, en firefox se me ve perfecto, pero en IE nosé porqué el centro tiene tendecia a desvariar.

[URL="http://img843.imageshack.us/img843/8764/fotoej.jpg"]ver imagen 1[/URL]


Código HTML: 
Ver original
  1. <html>
  2. <head>
  3. <title></title>
  4. <link rel="stylesheet" media="screen" type="text/css" href="css/style.css" />
  5. </head>
  6. <body>
  7. <div id="cabezera">aqui la cabezera</div>
  8.  
  9.         <div id="contenedor">
  10.             <div id="barralateraliz"></div> <!-- cierro barra lateral izquierda-->
  11.             <div id="barralateralde"></div> <!-- cierro barra lateral derecha -->
  12.             <div id="contenido"><p>aqui va el contenido</p></div><!-- cierro contenido-->
  13.         </div> <!-- ciero contenedor-->
  14.         
  15.         <div id="footer">pie de pagina hola hola hola</div><!-- cierro pie de pagina-->
  16.  
  17. </body>
  18. </html>




Código CSS: 
Ver original
  1. /* GENERAL*/
  2.  
  3. * {margin: 0; padding:0; outline: none; border: 0;}
  4.  
  5. body {
  6.     font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Helvetica, sans-serif;
  7.     font-size: 12px;
  8.     color: #333; /*color letra*/
  9.     text-align: center;
  10.     background-color: #8EB7DA
  11.  
  12. }
  13. p {font-size:1em; line-height:1.5em; margin:0; padding:5px;}
  14.  
  15. /* modulos auxiliares */
  16.  
  17.  
  18.  
  19.  
  20.  
  21. /*estructura pagina
  22. */
  23. #contenedor {overflow:hidden;width:995px; margin: 0 auto;}
  24. #cabezera {background:#521E39;}
  25. #barralateraliz {float:left; width:180px; padding:10px;margin-right: 10px;}
  26. #barralateralde {float:right; width:180px; padding:10px; margin-left: 10px;}
  27. #contenido {padding-top:10px; overflow:hidden;}
  28. #barralateraliz, #contenido, #barralateralde {padding-bottom:10000px; margin-bottom:-10000px;}
  29. #footer {clear:both; background:#FFFFFF;}



gracias!