Help
Eis os códigos:
HTML:
<!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=utf-8" />
<title>Party MCZ</title>
<link rel="stylesheet" href="css/estilo.css" type="text/css" />
</head>
<body>
<div id="banner"></div>
<div class="header">
<div id="menu">
<ul><li><a href="#"><img src="icones/iconza_16x16_808080/house_16x16.png" border="0"/> HOME</a></li>
<li><a href="#"><img src="icones/iconza_16x16_808080/camera_16x16.png" border="0"/> GALERIA</a></li>
<li><a href="#"><img src="icones/iconza_16x16_808080/newspaper_16x16.png" border="0"/> NOTÍCIAS</a></li>
<li><a href="#"><img src="icones/iconza_16x16_808080/film_16x16.png" border="0"/> VÍDEOS</a></li>
<li><a href="#"><img src="icones/iconza_16x16_808080/mail_16x16.png" border="0"/> CONTATO</a></li></ul>
</div>
<div id="conteudo">
<div id="slideshow1">
<p class="txt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id metus vitae purus lacinia ultrices. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id metus vitae purus lacinia ultrices. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id metus vitae purus lacinia ultrices. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id metus vitae purus lacinia ultrices. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id metus vitae purus lacinia ultrices. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id metus vitae purus lacinia ultrices.</p>
</div><!--Fim da div SLIDESHOW1 -->
<div id="slideshow2">
<p class="txt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id metus vitae purus lacinia ultrices. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id metus vitae purus lacinia ultrices. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id metus vitae purus lacinia ultrices. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id metus vitae purus lacinia ultrices. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id metus vitae purus lacinia ultrices. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id metus vitae purus lacinia ultrices.</p>
</div><!--Fim da div SLIDESHOW2 -->
</div><!--Fim da div CONTEÚDO -->
<div id="nave">
<div id="noticias">
<img src="img/img_not.png" border="0" class="txt" />
<p class="txt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id metus vitae purus lacinia ultrices. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id metus vitae purus lacinia ultrices. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div><!--Fim da div NOTÍCIAS -->
<div id="agenda">
<img src="img/img_ag.png" border="0" class="txt" />
<p class="txt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id metus vitae purus lacinia ultrices. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id metus vitae purus lacinia ultrices. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div><!--Fim da div AGENDA -->
<div id="galerias">
<img src="img/img_gal.png" border="0" class="txt" />
<p class="txt">Lorem ipsum dolor sit amet, consectetur elit. Cras id metus vitae purus lacinia ultrices. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id metus vitae purus lacinia ultrices. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div><!--Fim da div GALERIAS -->
</div><!--Fim da div NAVEGAÇÃO -->
<div id="publicidade">
<p class="pbl">Publicidade</p>
<table width="900" border="0">
<tr>
<td><img src="img/img_publi.png" width="125" height="125" /></td>
<td><img src="img/img_publi.png" width="125" height="125" /></td>
<td><img src="img/img_publi.png" width="125" height="125" /></td>
<td><img src="img/img_publi.png" width="125" height="125" /></td>
<td><img src="img/img_publi.png" width="125" height="125" /></td>
</tr>
</table>
</div><!--Fim da div PUBLICIDADE -->
<div id="footer">
<div id="rodape">
<address class="txt">© 2010 Party MCZ - Todos os direitos reservados.</address>
</div><!--Fim da div RODAPÉ -->
</div><!--Fim da div FOOTER -->
</div>
</body>
</html>
CSS
@charset "utf-8";
/* CSS Document */
/*css reset*/
*{
margin:0;
padding:0;
}
/*tags globais*/
body {
background:url(../img/bg_cabecalho.png) repeat-x top;
}
/*tags do site*/
#banner {
background-image:url(../img/logo_cabecalho.png);
width:900px;
height:145px;
margin:0 auto;
}
#menu {
width:900px;
height:26px;
margin:1px auto;
text-align:center;
font-size:20px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
background-image:url(../img/bg_menu.png);
}
#menu ul li {
display:inline;
}
#menu a, a:visited {
padding-right:15px;
padding-left:15px;
color:#FFF;
text-decoration:none;
text-shadow: 2px 2px 2px #000;
}
#menu a:hover {
padding-right:15px;
padding-left:15px;
background-color:#900;
text-decoration:underline;
}
#conteudo{
width:900px;
height:350px;
margin:0 auto;
}
#slideshow1 {
width:450px;
float:left;
height:350px;
background-color:#36F;
}
#slideshow2 {
width:449px;
float:right;
height:350px;
background-color:#066;
}
#nave {
background:#669;
width:900px;
height:250px;
margin:1px auto;
}
#noticias {
border-right:1px dashed;
width:224px;
height:auto;
float:left;
}
#agenda {
border-right:1px dashed;
width:224px;
height:auto;
float:left;
}
#galerias {
width:450px;
height:auto;
float:left;
}
#publicidade {
width:900px;
height:auto;
margin:1px auto;
text-align:center;
background-color:#693;
}
#rodape {
width:900px;
padding:2px;
margin:0 auto;
}
#footer {
background:url(../img/bg_rodape.png) repeat-x bottom;
}
/*class*/
.txt {
padding:5px;
font-size:15px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-align:justify;
text-decoration:none;
}
.pbl {
padding:5px;
color:#FFF;
font-size:12px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration:underline;
text-align:left;
}
.header {
background:url(../img/bg_corpo.gif) repeat;
}
A DIV em questão é a #nave que dentro da mesma tem Notícias, Agenda, Galerias. Ela está fixada com uma altura de 250px, gostaria de colocar auto por causa da quantidade de conteúdo que possa vir nas DIVs subsequentes.
Desde já, obrigado.
