Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Pessoal, estou iniciando no CSS e estou tendo um probleminha que não to conseguindo o fazer um DIV ficar com apenas na altura restante, acompanhando o div pai...
o site é esse http://www.jsilveira-arte.com.br/novo/
por exemplo nessa imagem abaixo, está errado, eu gostaria que fosse até o fim.
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.jsilveira-arte.com.br/novo/forum/errado.jpg&key=850c2674cd1db30a9ffd178817b1f46fbb2dcf73801a541978a6f0031b68aa71" alt="Imagem Postada" />
o codigo é esse...
<!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">](http://www.w3.org/1999/xhtml)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>J. Silveira Artista Plástico.</title>
<style type="text/css"> background-color: #040f15;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-repeat: repeat-x;
} font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
} font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
} text-decoration: none;
} text-decoration: none;
color: #FFFFFF;
} text-decoration: underline;
color: #FFFFFF;
} text-decoration: none;
color: #FFFFFF;
} font-family: Verdana, Arial, Helvetica, sans-serif;
} font-size: 10px;
color: #FFFFFF;
} font-size: 12px;
color: #FFFFFF;
} font-size: 14px;
color: #FFFFFF;
} font-size: 10px;
color: #000000;
} font-size: 12px;
color: #000000;
} font-size: 14px;
color: #000000;
}
#div_pai{
position:absolute;
background:#FFFFFF;
border:0px solid #666666;
width:770px;
height:100%;
left:50%;
top:0px;
margin-left:-385px;
padding:0px;
float:left;
background-image: url(images/fundo_01.jpg);
}
#ass_capa{
position:relative;
margin-top:0px;
float:left;
width:215px;
height:219px;
border:0px;
}
#imagem_capa{
position:relative;
margin-top:0px;
float:left;
}
#menu_capa{
position:relative;
margin-top:0px;
float:left;
width:697px;
height:20px;
background-image:url(images/fundo_baixo.gif);
text-align:right;
padding-top:2px;
padding-right:5px;
}
.faixa_cima{
width:215px;
height:150px;
background-image:url(images/fundo_fx.gif);
}
.faixa_baixo{
width:215px;
height:300px;
background-image:url(images/fundo_fx.gif);
/*border:#FFFFFF 1px solid;*/
}</style></head>
<body>
<div id="div_pai">
<div class="faixa_cima"></div>
<div id="ass_capa"><img src="images/jsilveira.jpg" alt="Assintara" width="215" height="219" /></div>
<div id="imagem_capa"><img src="images/fronte.jpg" alt="Quadro wide" /></div>
<div id="menu_capa">Sobre | Pinturas | Contato</div>
<div class="faixa_baixo"></div>
</div>
</body>
</html>Sim, eu sei que deve estar cheio de coisa errada, então aqui estou para tentar aprender.
Valeu galera, conto com vocês.
Carregando comentários...