, !...não consigo achar o erro neste pequeno código&
Olá galera! :) ...estou precisando de um help!
...acho que estou cego!...não consigo enxergar o erro nestes código que faz com que aconteça "isso" com as divs no Dreamweaver no modo Design!...e pior que no browser (IE - no FF tá normal) ela dá este espaçamento entre a caixa newsletter e a de baixo!...os códigos são os seguintes:
HTML:
*<body>*
<div id="newsletter">
<div id="titulo_newsletter"></div>
<div id="centro_newsletter">
<div class="esquerda"></div>
<div class="direita"></div>
<div class="conteudo">
<form action="" method="get" id="form">
</form>
</div>
</div>
<div id="pe_newsletter">
<div class="esquerda"></div>
<div class="direita"></div>
<div class="centro"></div>
</div>
</div>
</body>************
CSS:
#newsletter {
width:132px;
height:91px;
margin:0 0;
}
#titulo_newsletter {
width:132px;
height:21px;
background:url(images/tit_newsletter.gif) no-repeat 0 0;
}
#centro_newsletter {
width:132px;
height:65px;
}
#centro_newsletter .esquerda {
width:1px;
height:65px;
background:#eaeaea;
float:left;
}
#centro_newsletter .direita {
width:1px;
height:65px;
background:#eaeaea;
float:right;
}
#centro_newsletter .conteudo {
width:130px;
height:65px;
background:url(images/fundo_conteudo_newsletter.gif) repeat-x 0 0;
float:left;
}
#pe_newsletter {
width:132px;
height:5px;
}
#pe_newsletter .esquerda {
width:1px;
height:5px;
background:url(images/esq_dir_pe_newsletter.gif) no-repeat 0 0;
float:left;
}
#pe_newsletter .direita {
width:1px;
height:5px;
background:url(images/esq_dir_pe_newsletter.gif) no-repeat 0 0;
float:right;
}
#pe_newsletter .centro {
width:130px;
height:5px;
background:url(images/centro_pe_newsletter.gif) repeat-x 0 0;
float:left;
}Qualquer ajuda é bem-vinda!...desde já agradeço!! :)
PS.: As imagens esq_dir_pe_newsletter.gif e centro_pe_newsletter.gif têm realmente 5px de altura!!
Discussão (1)
Carregando comentários...