Como hago para que el "Contenido" se adapte automa

[Facu]

Quiero q el que todo lo que ponga dentro del contenido (parafos imagenes), osea el largo de mi sector principal se adapta automaticamente a la cantidad de contenido q ponga, esto es, sobre todo, para q se vea bien en el firebox.. ya q en el explorer lo hace solo.
cual es el codigo que tengo q poner en mi hoja de estilo #contenido{

[linkgl]

Lo largo se adapta solo! amenos que hayas puesto height

[Facu]

ahi este el error!!
habia puesto height, ahora cuando lo saco se me separa, osea pierde continuidad... que debo poner ra que
"contenido" quede pegado al pie y cabecera o que debo sacar?

Esta es mi Hoja de estilo:

* {text-indent:0px ; margin:0px ; padding:0px ; border: 0px}
p {text-align: justify}
h1 {font-size: 2.1em; font-family: Broadway; color:black ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.8em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: left; margin-left:15px}
h3 {font.size: 1.8em; color:black; text-decoration: underline ; font-family: Bell MT; text-align: left; margin-left:100px}

body {text-align: center; background-image: url(objetos/fondo4.gif)}

#global {width:800px ; margin:4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ;background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden}

#cabecera {background-color: #0000FF ; border-left: black 1px solid ; border-right: black 1px solid ; height: 190px}

#logotipo {background-color:#0000FF ; width:280px; float:left}

#publicidad {width:518px ; float: right ; margin-top:10px; margin-bottom:10px ; font-size:10px}

#navegacion {background-color: #FF0000 ; border: black 1px solid ; height:40px; font-family:Bell MT; font-size: 1.2em }
#navegacion li {float:left ; list-style:none ; margin: 5px 20px 12px 20px; list-style:none }
#navegacion ul { margin-left: 30px }

#navegacion2 {background-color: white}
#navegacion2 li {float:left ; margin: 10px 12px 10px 10px ; border:#000080 2px solid; list-style:none }

#contenido {background-image: url(objetos/ventana1.jpg); background-repeat: no-repeat; background-color:yellow; border-left: black 1px solid ; border-right: black 1px solid}
#contenido p {margin: 5px 10px 5px 10px ; text-indent: 15px}

#conte {background-color:#FFFF00; height:990px ;border-left: black 1px solid ; border-right: black 1px solid; font-family:Calibri; font-size: 1.2em}
#conte p {margin: 5px 10px 5px 10px ; text-indent: 15px}

#contenid {background-color:#FFFF00; height:1200px ;border-left: black 1px solid ; border-right: black 1px solid; font-family:Calibri; font-size: 1.2em}
#contenid p {margin: 5px 10px 5px 10px ; text-indent: 15px}

#texto {font-size: 0.8em; font-family: verdala; color:black ; font-weight: bold ; text-decoration: none ; text-align: justify}


#Obras {background-color: white}
#Obras li {float:left ; margin: 10px 25px 30px 10px}

#Casas {margin-left:50px; margin-top:30px}
#Casas p {margin-left:280px; font-size: 1.4em; font-family: Broadway}

#Colecciones {margin-top:35px; margin-bottom:25px}
#Artist {margin-left: 300px; margin-bottom:50px}
#Artist p{margin-top:20px; margin-left:170px}
#Artistas {margin-left: 610px; margin-bottom:80px}
#cont {margin-top:35px; margin-bottom:25px}

#Cuadros {margin-left: 350px; margin-bottom:20px; margin-top:10px}


#galeria{float:left;background-color:#FFFF00; width:800px;}
#galeria li{display:inline; float:left; width:200px; padding:5px; margin:15px; text-align:center; border-right:#FF0000 solid 2px; border-bottom:#FF0000 solid 2px;}
#galeria h3{font-size:1.1em;color:red;font-weight:bold;text-decoration:none;text-align:center;}


#dibu {float:left}

#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin: 3px 10px 3px 3px ; background-image: url(objetos/menu-parte-inferior.gif);background-position: bottom ; padding-botton: 5px}
#menu li { list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration: none ; font-size:12px ; padding-top: 12px ; background-image: url(objetos/menu-parte-superior.gif)}

#pie {background-color: #0000FF; border-left: black 1px solid ; border-right: black 1px solid; border-top: black 1px solid ; height:100px}
#pie li {list-style: none ; font-size: 12px}
#pieuno {float: left ; width:150px}
#piedos {float: left; width: 498}
#pietres {float: left; width: 150px}

#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;background-repeat: no-repeat ; width:800px ; height: 12px ; overflow: hidden }


a {color:white ; text-decoration: none; background-color: normal; font-size: 1.0em; font-family: Broadway}
a:link {}
a:visited {}
a:hover {color:Black ; text-decoration:underline}
a:active {}
a.enlacedos {color:#551A8B ; text-decoration:underline; background-color: normal; font-size: 1.3em; font-family: Cooper Black}
a.enlacetres {color:red ; text-decoration: none; background-color: normal; font-size: 1.8em; font-family: Broadway}

a.enlacecuatro {color:#551A8B ; text-decoration: none; background-color: normal; font-size: 1.1em; font-family: Broadway}

[linkgl]

tus codigos html

[Facu]

aqui va el index:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>¡Arte Novo!, Arte Moderno, Arte Nuevo, Obras de Arte, Cuadros, Artesanias, Publicación de obras de arte, Exposición de Cuadros y Obras de Artes, Venta de Cuadros y Obras de Arte</title>
<META content="Arte Moderno, Artistas de Hoy, Obras de Arte, Cuadros, Artesanias, Publicación de obras de arte, Exposición y venta de Cuadros y Obras de Arte" name="description">
<META content="Casas de Arte; Galerias; Artistas y sus Obras; Colecciones" name="keywords">
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>

</head>

<body onload="init();">
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[img]objetos/logo1.jpg[/img]</div>
<div id="publicidad">
<div id="navegacion2">
<ul>
[*][img]objetos/Monalisa.jpg[/img]
[*][img]objetos/autovg.jpg[/img]
[*][img]objetos/cristod.jpg[/img][/list]</div> </div>
</div>

<div id="navegacion">
<ul>[*]Home
[*]Galería
[*]Casas de Arte
[*]Artistas
[*]Links
[*]Contacto[/list]</div>

<div id="contenido">
<div id="Colecciones">
Galeria</div>
<div id="Artist">


Casas de Arte</p></div>
<div id="Artistas">
Artistas y sus Obras</div>
<div id="Artist">


Publicar en Artenovo</p></div>
<div id="cont">
Contacto</div>
</div>

<div id="pie">
<div id="pieuno">
<ul>[*]Home[*]Artistas[*]Casas de Arte[/list]</div>
<div id="piedos">Espacio para publicidad</div>
<div id="pietres">
<ul>[*]Contacto[*]Links[*]Mapa del Sitio[/list]</div>
</div>
<div id="curva-inferior"></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>

[linkgl]

que pasa si a navegacion le quitas el height de 40px y creo que te hace falta cerrar un </div>

[Facu]

mmmm desaparece el color rojo y queda del color del fondo...

[linkgl]

la verdad no veo error... =/ CREO que deberias hacer pruebas tu sabes quitar esto poner aquello

[linkgl]

Prueba poner en contenido esto

#contenido{margin-top: 0px.....}

[omar.piamba]

Hola:

Revise este link que le dejé la solución a su problema.

http://www.comocreartuweb.com/phpBB2/ftopic12618.html

Un amigo desde Colombia