los div me salen en otro lado

+croster+ · 4 Mar 2008, 19:06 · Solicitar retirada

+++ ok el problema es el siguiente, por razones que aun desconosco al ingresar una nueva capa en la parte inferior de mi html, y colocar diseño , me aparese la capa al lado derecho, como si no respetara las normas que le he dicho ya en la capa global
estoy siguiendo el curso paso a paso de jorgens, pero en vez de manejar htmlkit, manejo dreamwever 8(pense para mi" tio si tienes este dreamwever utilizalo") y eso hago, pero me sucede lo que os acabo de contar, estaria muy agradecio me pudieran ayudar hay les va mi codec

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>plantilla</title>
<link href="estilos-general.css" rel="stylesheet" type="text/css" media="all"/>
<style type="text/css">

</style>
</head>

<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo"><div align="left">[contenido no disponible]</div></div ><div id="publicidad"></div>
<h1> +ROJOABSURDO+ <span class="Estilo2"></span></h1>
</div>
<div id="navegacion"><ul>

seccion 1

seccion 2

seccion 3</div>
<div id="contenido">
<div id="menu"><ul><h1>titulo de la seccion</h1>

elemento 1

elemento 2

elemento 3

elemento 4</div>

<h1 class="Estilo3"> Nacimiento de .....+ROJOABSURDO+ </h1>
</p>

La cosa es la siguiente, ....rojoabsurdo no existe -por ahora-ya que la banda se me ocurrio y aun me hace falta conseguir el resto de la gente, osea todos, cuento con unos pocos fieles compañeros de borracheras que de seguro queran hacer parte de la banda, pero aun hacen falta varios, y sacar a otros jejejeje </p>
<h2>integrantes de la fuck banda <span class="Estilo1">ROJOABSURDO</span></h2>

Ok . los integrantes somos basura, escoria, lo peor de lo mas bajo del culo del retre de bush , y por lo mismos , amigos, la mayoria desocupados con exeso de alta de oficio o vocacion real, algunos con ideas cacorras " vamos a montar un empresa de mierda de cucarron " otros mas sabios "peguemosle al imbecil de la mierda de cucarron" otros no opinamos, ps para nostros no hay preferencias </p>
</div>
<div id="pie"><div id="pieuno">pie uno</div><div id="piedos">pie dos</div><div id="pietres">pie tres</div></div>

<div id="curva-inferior"></div>
</div>
</body>

pdd:observo que la capa pie, tambien aparese al lado de la capa contenido¿porque si la e escrito debajo y fuera de esta?

hay les va estilos-generales

*{margin:0px; padding:0px; border:0px}
h1 {font-size:20px; font-weight:bold ; text-align:center; text-decoration:underline ; color:#990000}
h2 {font-size:15px ; font-weight:bold ; text-align:center ; text-decoration:none ; color:#0000FF}
p {text-align:center}
.estilos {}

body {text-align:center;background-color: #CCCCCC; background-image:url(OBJETOS/BG-001.GIF); background-repeat:no-repeat;border-style:none; background-attachment: fixed}
#global{width:800px;margin:4px auto; height:auto}
#curva-superior{background-image:url(OBJETOS/curva-superior.gif); background-repeat:no-repeat; width:800px; height:12px; overflow:hidden}
#cabecera {background-color:#FFFFFF; border-right:1px #000000 solid; border-left:1px #000000 solid ; height:45px; border-bottom:1px #000000}
#logotipo{background-color:#FFFFFF; width:280px; float:left; border-bottom: 1px #000000}
#publicidad{background-color:#FFFFFF; width:516px; float:right}
#navegacion {background-color:#CCCCCC;border-left:1px #000000 solid; border-right:1px #000000 solid; border-top:1px #000000 solid; margin-top:1px; height:20px}
#navegacion li {float:left; list-style:none; margin:0px 20px 0px 20px}
#navegacion ul{ margin-left:180px}
#contenido {background-color:#FFCC00; width:auto; float:left; border:1px #000000 solid}
#contenido p{text-align:justify; padding: 5px 10px 5px 10px; text-indent:15px}
#menu{background-color:#FFCC00; width:150px; float:left; text-align:left; margin:5px 10px 5px 5px; border:1px; height:150px; background-image:url(OBJETOS/menu-parte-inferior.gif); background-position:bottom}
#menu h1{color:#990000;font-size:18px; text-align:center; font-weight:bold; text-decoration:none; background-image:url(OBJETOS/menu-parte-superior.gif); background-repeat:no-repeat; padding-top:12px;padding-bottom:5px}
#menu li{list-style:none; margin: 4px 8px 4px 6px; font-weight:bold}
#pie {background-color:#FFFFFF; border-right:1px #000000 solid; border-left:1px #000000 solid; border-top:1px #000000 solid;}
#pieuno{background-color:#CC9900; float:left; width:150px}
#piedos{background-color:#00CC00; float:left ; width:498px}
#pietres{background-color:#FF0000; 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:#0033FF; font-size:medium; text-decoration:none}
a:link {color:#0000FF ; text-decoration:none; display:block;}
a:visited {}
a:hover {color:#FF0000; text-decoration:underline ; display:block; background-color:#FFFFCC}
a:active {}
a {color:#996600; text-decoration:none; display:block; }

+croster+ · 4 Mar 2008, 19:15 · Solicitar retirada

+++ok quiero añadir una cosa mas
si lo en encierro en parrafos

</P> me sale bien pero solo en EXPLORER con mozila no ¿?

Jugoncan · 4 Mar 2008, 19:42 · Solicitar retirada

El problema está en que le has puesto al contenido un float:left, quítaselo:
#contenido {background-color:#FFCC00; width:auto; float:left; border:1px #000000 solid}
Saludos :wink:

+croster+ · 4 Mar 2008, 19:49 · Solicitar retirada

ok tienes razon se lo quite, y las cozas mejoraron, pero aun sigo metiendo capas debajo y me salen al lado derecho, es mas, el width de global se ensancha y a su antojo, es decir, lo tengo en 800px, y en hoja de estilos me aparece 800px, pero en el diseño me aparece (un ejemplo).....width: 800 (804), y si le agrgo una capa ps aumenta el ancho de la capa de mas

pero tacho, curiosamente y desesperadamente he llegado a una solucion, a la capa de abajo en este caso es , curva inferior, le agragado la opcion float: left, y todo funcona de maravilla, aunque no debiera ser asi , pero funciona

gracias,

mas tarde los molesto con mas preguntas

Yaneth · 4 Mar 2008, 21:54 · Solicitar retirada

Hola

esa es buena solucion,

solo checa que te falta un cierre de html

al final

saludos