Rodapé nao fica

[danluc 4]

Boa tarde, queria saber oque tem de errado com meu css, pois meu rodape nao fica la em baixo, ele ta subindo ate a segunda div, fica debaixo apenas do menu ..

é #footer_container, e o #containeNotici que estao subindo ..

@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0; border:0}
body {background:#F0F0FF;}

/*======== TOPO ===========================================*/
#topo_container{
	background-image: url(../img_layout/barra_topo.fw.png);
	height: 3.125em;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#largura_topo {
	height: 3.125em;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#quadrangular {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:2.25em;
	color:#FFF;
	height:1.125em;
	width:220px;
	margin-right:auto;
	margin-left:auto;
	float:right;
	padding-left:16px;
}
#simbolo {
	background:url(../img_layout/simbolo.png);
	background-repeat:no-repeat;
	height: 2.9375em;
	width: 8.5625em;
	margin-right: auto;
	margin-left: auto;
	margin-top:3px;
	float:right;
}
/*========  TOPO -- MENU ===========================================*/

#menu_container{
	background-image:url(../img_layout/barra_fundo.fw.png);
	height: 141px;
	width: 100%;
}
#largura_menu {
	height: 8.8125em;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#logo_topo {
	height: 6.9375em;
	width: 9em;
	position: absolute;
	top: 3.9375em;
}
#menu {
	width:43.75em;
	height:3.125em;
	margin-left:auto;
	margin-right:auto;
	}
#menu ul {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:auto;
	list-style-type:none;
	font-size:1em;
}	
#menu ul li {
	position:relative;
	float:left;
	margin-left:0.225em;
	margin-right:0.225em;
}
#menu ul li a {
	text-decoration:none;
	float:left;
	color:#8C0000;
	display:block;
	width:auto;
	height:2.5em;
	line-height:2.5em;
	padding-left:0.125em;
	padding-right:0.125em;
	margin-top:3em;	
}
#menu ul li a:hover {
	background:#0FF;
}
/*======== MENU  - NOTICIA PRINCIPAL ===========================================*/
#containeNoticia {
	height: auto;
	width: 1000px;
	margin-right:auto;
	margin-left:auto;
	background:#685C0B;
}
#contNoticia {
	height: auto;
	width: 700px;
	float:left;
	background:#FFFFFF;
}
#contfoto {
	height: 300px;
	width: 700px;
	margin-right:300px;
	margin-left:auto;
	background:#FFFFFF;
}
#noticiaTitu {
	height:auto;
	width: 700px;
	margin-right:300px;
	margin-left:auto;
	background:#FFFFFF;
}
#font-Titu{
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	color:#C10003;
}
#noticiaNotici {
	height:auto;
	width: 700px;
	margin-right:300px;
	margin-left:auto;
	background:#FFFFFF;
}
#font-Notici{
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	color:#000000;
}
/*======== relacionadas ===========================================*/
#containepublici {
	height: 500px;
	width: 250px;
	background:#FF0004;
	float:right;
}
#Titupublici {
	height: 30px;
	width: 250px;
	background:#FF0004;
}
#FONTpublici {
	height: 30px;
	width: 130px;
	font:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	color:#FFFFFF;
	margin-right:auto;
	margin-left:auto;
	padding-top:5px;
}
#contpublici {
	height: 470px;
	width: 230px;
	background:#BCF7FF;
	margin-left:auto;
	margin-right:auto;
}
/*======== rodape ===========================================*/
#Notpublici {
	height: 470px;
	width: 230px;
	background:#5DE378;
	margin-left:auto;
	margin-right:auto;
}
/*======== rodape ===========================================*/
#containeNotici {
	height: 230px;
	width: 1000px;
	background:#D96668;
	
	margin-left:auto;
	margin-right:auto;
}

/*======== rodape ===========================================*/
#footer_container{
	height: 80px;
	width: 100%;
	background:#EB0206;
}

[William Bruno 1501]

coloca um clear neles

 

#containeNoticia { clear: both; }
#footer_container { clear: both; }

[danluc 4]

so que ai, as quebras de linha não funciona, ja coloquei, mais quando ele vai da uma quebra de linha ele nao da, e td fia colado um no outro ..

[WictorP 9]

Crie uma tag com clear,

 

 

#both {
clear:both;
}

 

Depois coloca no fechamento de cada div pai principal, como #footer, #topo, #menu, ficando +/- assim:

 

 

<div id="topo">// OUTRAS DIVS
<div id="both"></div>
</div>
<div id="menu">// OUTRAS DIVS
<div id="both"></div>
</div>
<div id="footer">// OUTRAS DIVS
<div id="both"></div>
</div>

[William Bruno 1501]

Como assim quebra de linha ?

Poste um link para analisarmos o conjunto todo.

[rikaschmitt 54]

Troque o ID #clear para uma classe .clear