Tema: Problema con altura en un div
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 30/04/2010, 13:58
Avatar de function
function
 
Fecha de Ingreso: abril-2010
Mensajes: 278
Antigüedad: 14 años, 6 meses
Puntos: 13
Respuesta: Problema con altura en un div
te sugiero lo siguiente:

haz un reset simple a tu diseño para resetear los estilo del navegador, ejemplo:

Código CSS: 
Ver original
  1. * {  
  2.     font-size: 100%;  
  3.     border: none;  
  4.     padding: 0;  
  5.     margin: 0;  
  6.     }  
  7. body {  
  8.     padding: 0;  
  9.     }
  10. table {  
  11.     border-collapse: collapse;  
  12.     border-spacing: 0;  
  13.     }

Luego haz la hoja de estilos asi:

Código CSS: 
Ver original
  1. body {
  2.     background:#000000 url(../images/bg.jpg) center top no-repeat; /* Aqui pones, el color y si quieres que se repita o no */
  3.     margin:0;
  4. }
  5.  
  6. /* Haz un contenedor para que maneje todo el sitio */
  7. #contenedor {
  8. text-align: left; /* Para que funcione con IE */
  9. width: 1000px; /* Pon el Ancho en el que diseñas tu sitio */
  10. margin: auto; /* Para que funcione con FF */
  11. }
  12.  
  13.  
  14. /* Aqui empieza a diseñar los contenedores siguientes, ya sean las dos o tres columnas, el header, etc */
  15. /* Aqui el contenedor de la izq. Nota: ponle height si quieres o tienes una altura predeterminada */
  16. #contenedor_izq {
  17. float:left;
  18. text-align:left;
  19. width: 250px;
  20. margin: 0;
  21. }
  22. /* Aqui el contenedor central Nota: ponle height si quieres o tienes una altura predeterminada */
  23. #contenedor_central {
  24. float:left;
  25. text-align:left;
  26. width: 500px;
  27. margin: 0;
  28. }
  29. /* Aqui el contenedor de la derecha Nota: ponle height si quieres o tienes una altura predeterminada */
  30. #contenedor_der {
  31. float:left;
  32. text-align:left;
  33. width: 250px;
  34. margin: 0;
  35. }
  36.  
  37. /* en cada contenedor maneja los contenidos, de esta manera se te hace mucho mas ordenado*/


Todo esto te lo pongo como sugerencia, porque la verdad es que con la impresion en pantala no se entiende bien, el problema

Suerte y espero te sirva