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{
Lo largo se adapta solo! amenos que hayas puesto height
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}
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">[contenido no disponible]</div>
<div id="publicidad">
<div id="navegacion2">
<ul>
[contenido no disponible]
[contenido no disponible]
[contenido no disponible]
</div> </div>
</div>
<div id="navegacion">
<ul>
Home
Galería
Casas de Arte
Artistas
Links
Contacto
</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>
HomeArtistasCasas de Arte
</div>
<div id="piedos">Espacio para publicidad</div>
<div id="pietres">
<ul>
ContactoLinksMapa del Sitio</div>
</div>
<div id="curva-inferior"></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>
que pasa si a navegacion le quitas el height de 40px y creo que te hace falta cerrar un </div>
mmmm desaparece el color rojo y queda del color del fondo...
la verdad no veo error... =/ CREO que deberias hacer pruebas tu sabes quitar esto poner aquello
Prueba poner en contenido esto
#contenido{margin-top: 0px.....}
Hola:
Revise este link que le dejé la solución a su problema.
http://www.comocreartuweb.com/phpBB2/ftopic12618.htmlUn amigo desde Colombia