Entrar

poner una capa bajo otra

lauper · · Solicitar retirada
Tengo una capa para el menú lateral situado a la izquierda con float:left . Quiero poner otra capa que quedé justo debajo del menú pero aparece centrada y sí le pongo float left se mera al lado no debajo y no se que propiedad tengo k usar. No se sí m explikado bien. Gracias d antemano.
francisco1 · · Solicitar retirada
<div id"menu">
</div>
<div id"otra devajo">
</div>

igual con float:left;

o ponla dentro

<div id"menu">
<div id"otra devajo">
</div>
</div>
lauper · · Solicitar retirada
gracias por la respuesta pero la verdad es que eso ya lo intente y no se porque no se pone la capa donde quiero. lo mejor sera que ponga el codigo para que alguien pueda decirme que he hecho mal, en cuanto pueda lo pondre gracias
lauper · · Solicitar retirada
Asi estan puestas las dos capas independientes una tras la otra:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head><link rel="stylesheet" href="../estilo.css" type="text/css" media="all">
<title>Page title</title>
</head>
<body>
<div id="global">
<div id="cabecera">
<div id="logotipo"><a href="index.html"><img src="objetos/logotipo.gif" width="270px" height="80px" alt="pagina de inicio" /></a></div>
<div id="publicidad"></div>
</div>
<div id="navegacion">
<ul><li><a href="#">Inicio</a></li><li><a href="#">La celula</a></li><li><a href="#">Plantas</a></li><li><a href=" #">Animales</a></li><li><a href="#">Evolucion y Taxonomia</a></li><li><a href="#">Foro</a></li></ul>
</div>
<div id="contenido">
<div id="menu">
<h4>Plantas</h4>
<ul><li><a href="#">Hongos</a></li><li><a href="#">Algas</a></li><li><a href="#">Embriofitos y hepaticas</a></li><li><a href="#">Plantas herbaceas</a></li><li><a href="#">Arboles y arbustos</a></li><li><a href="#">Glosario</a></li></ul>
</div>
<div id="publicidad2"></div>
</div>
<div id="pie">
<div id="pieuno">
<ul><li><a href="#">contacto</a></li><li><a href="#">foro</a></li><li><a href="#">mapa de la web</a></li></ul>
</div>
<div id="piedos">piedos</div>
<div id="pietres">pietres</div>
</div>
</div>

</body>
</html>



y asi esta la capa publicida dentro de la de menu:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head><link rel="stylesheet" href="../estilo.css" type="text/css" media="all">
<title>Page title</title>
</head>
<body>
<div id="global">
<div id="cabecera">
<div id="logotipo"><a href="index.html"><img src="objetos/logotipo.gif" width="270px" height="80px" alt="pagina de inicio" /></a></div>
<div id="publicidad"></div>
</div>
<div id="navegacion">
<ul><li><a href="#">Inicio</a></li><li><a href="#">La celula</a></li><li><a href="#">Plantas</a></li><li><a href=" #">Animales</a></li><li><a href="#">Evolucion y Taxonomia</a></li><li><a href="#">Foro</a></li></ul>
</div>
<div id="contenido">
<div id="menu">
<h4>Plantas</h4>
<ul><li><a href="#">Hongos</a></li><li><a href="#">Algas</a></li><li><a href="#">Embriofitos y hepaticas</a></li><li><a href="#">Plantas herbaceas</a></li><li><a href="#">Arboles y arbustos</a></li><li><a href="#">Glosario</a></li></ul>
<div id="publicidad2"></div>
</div>
</div>
<div id="pie">
<div id="pieuno">
<ul><li><a href="#">contacto</a></li><li><a href="#">foro</a></li><li><a href="#">mapa de la web</a></li></ul>
</div>
<div id="piedos">piedos</div>
<div id="pietres">pietres</div>
</div>
</div>

</body>
</html>




y esta es la hoja de estilos:


*{margin:0px;padding:0px;border:0px;}
p {text-align:justify;margin:10px;}
li{text-align:left; margin:10px;}
body{text-align:center;width:800px;background-color:green;}
#global{width:800px;margin:4px auto;}
#cabecera{background-color:white;border:black 3px solid;height:85px;padding:3px;margin:10px;}
#logotipo{width:280px;float:left;}
#publicidad{background-color:yellow;width:485px;float:right;height:79px;}
#publicidad2{background-color:yellow;width:150px;height:200px;float:left;}
#navegacion{border:black 3px solid;height:20px;padding:1px; margin:10px;}
#navegacion li{float:left;list-style:none;margin:3px 3px 3px 20px;}
#contenido{width:780px;margin:0px 10px 10px 10px;float:left;}
#menu{background-color:white;width:150px;border:black 3px solid;
float:left;margin:0px;text-align:left;padding:10px;margin:10px;}
#menu li{list-style:none;margin:10px;}
.resumen{width:400px;height:100px;background-color:white;margin:10px;}
#menu-derecho{float:right;width:150px;height:300px;background-color:yellow;margin:10px;}
table{width:700px;border:1px;}
td{text-align:center;line-height:normal;padding:1px;width:auto;border:1px;}
#pie li{list-style:none;font-size:12px;}
#pieuno{text-align:left;padding:10px;float:left;width:260px;margin-left:10px;height:80px;}
#piedos{float:left;;width:260px;height:80px;}
#pietres{float:left;width:260px;margin-right:10px;height:80px;}
a{color:black; text-decoration:none; display:block;}
a:link {}
a:visited {}
a:hover {color:blue; text-decoration:underline; background-color:yellow;}
francisco1 · · Solicitar retirada
y esactamente que es lo que quieres porque la capa esta debajo

si es quitarle ese color amarillo al div

#publicidad2{background-color:yellow;width:150px;height:200px;float:left;}

cambia esto

background-color:yellow;

si lo que deseas es un titulo ponle esto

<div id="publicidad2">
<h3>mi titulo</h3>
mi publicidad
</div>

que navegador utilizas porque el internet explorer es el peor y quizas te este liando
si es eso el internet explorer tendras que adaptar bien tu web para ese navegador.
Yaneth · · Solicitar retirada
yo lo hice asi

un contenedor de menus

<div id="menus">
<div id="menu1>
</div>
<div id="menu2>
</div>

en el css

#menus {ancho, alto, float left, margenes}
#menu1 {ancho, alto, padding}
#menu2 {ancho, alto, pading}

fijate que solo al contenedor menus le puse margenes
a menu1 y 2 recuerda que el ancho debe ser algo menor que su contenedor para que no se desborde, y si lo deseas ponerle padding unicamente

ten en cuenta que la altura de los dos menus, debe ser menor que el contenido en texto

saludos
saludos
lauper · · Solicitar retirada
yo lo que queria era que quedara en dos cuadrados distintos porque haciendo lo del contenedor todo esta englobado en uno y yo quiero que que entre uno y otro haya un margen. dos divs independientes pero uno debajo del otro, pero si no lo consigo pos lo hare de esta manera que de momento es lo mejor que he conseguido.
Yaneth el color amarillo es temporal, no te preocupes, es solo para diferenciar bien las capas jeje
muchas gracias a todos!