24 replies to this topic

[DJYMA]

Olá pessoal!

Eu tou começando agora com divs e não estou acertando de jeito nenhum como fazer uma div de rodape para por os direitos autorais e tais que siga o tamanho das paginas que tenho... Alguem sabe dizer como que faz? Valeu!

[bimonti]

A div precisa ficar sempre grudada no fim da janela ou ela só deve aparecer logo após o fim do conteúdo ? Tem como postar uma foto do site, ou publicar online pra gente ver ? Fica bem mais fácil ajudar. T+!

[DJYMA]

depois do conteudo...
www.infosaobraz.com.br

[Stress]

fale conterrâneo.

confira essa minha dúvida parecida eu tive http://forum.wmonlin...howtopic=182993

[DJYMA]

Opa valeu mas ainda continuo com dificuldades... será que ninguem poderia me disponibilizar um exemplo de pagina juntamente com o codigo css? Valeu!

[Andreia Regina]

Se você acessou o link que o Stress sugeriu, posta o que você tem até agora.

[cassiano designer]

olha um exemplo do outro tópico..

<div id="topo">Topo</div>
<div id="coluna_esquerda">Coluna Esquerda</div>
<div id="meio">Meio</div>
<div id="coluna_direita">Coluna Direita</div>
<div id="rodape">Rodapé</div>

/* ----------------------------------------------------
* TABLE OF CONTENTS
*
* |= GBAL : Estilos em Massa
* |= MAIN : Estilo das Seções do Site
*
* ----------------------------------------------------*/

/*
* Estilos em massa |=GBAL
* ----------------------------------------------------*/
*{
margin:0px;
padding:0px;
}
html, body{
font:normal 11px Trebuchet MS, serif;
height:100%;
}
div{
border:1px dashed #f00;
}

/*
* Estilo das Seções do Site |=MAIN
* ----------------------------------------------------*/
#topo{
width:770px;
height:100px;
}
#coluna_esquerda, #meio, #coluna_direita{
float:left;
clear:none;
}
#coluna_esquerda, #coluna_direita{
width:150px;
height:300px;
}
#meio{
width:470px;
height:300px;
}
#rodape{
width:770px;
height:40px;
clear: both; // Assim ficará abaixo das outras
}

com essa base aí, dá pra resolver seu problema...
espero ter ajudado...

Edição feita por: cassiano designer, 17/09/2007, 16:13.

[DJYMA]

cassiano como é que se define então onde vai aparecer as divd quantos a left e top... veja o meu css:

[codebox]/* CSS Style */

body {
background:#FFFFFF;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
margin:auto;
text-align:center;
}

a {
color:#666666;
text-decoration:none;
}

a:hover {
color:#999999;
text-decoration:none;
}
img {
border:0px;
}

#centro {
width:777px;
position:absolute;
left:50%;
margin-left:-388px;
}

div.supra {
width: 100%;
margin: auto;
padding:0px;
text-align:left;
}

div.topo {
width:777px;
height:99px;
top:0px;
left:0px;
position:absolute;
}

div#data {
width:355px;
height:90px;
top:0px;
left:420px;
position:absolute;
visibility: visible;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9pt;
margin:auto;
text-align:center;
color:#666666;
}

div#conteudo {
width:614px;
height:100%;
top:6px;
left:85px;
position:relative;
background:#FFFFFF;
}

div.menu {
width:160px;
height:100%;
top:105px;
left:0px;
position:absolute;
background:#FFFFFF;
}

div#artigo1 {
width:300px;
height:192px;
top:105px;
left:165px;
position:absolute;
background:url(imagens/qartigo1b.jpg) no-repeat #ECF5FF center bottom;

}

div#artigo2 {
width:300px;
height:192px;
top:105px;
left:470px;
position:absolute;
background:url(imagens/qartigo2b.jpg) no-repeat #F4F4F4 center bottom;

}

div#artigo3 {
width:300px;
height:192px;
top:501px;
left:165px;
position:absolute;
background:url(imagens/qartigo1b.jpg) no-repeat #ECF5FF center bottom;

}

div#artigo4 {
width:300px;
height:192px;
top:501px;
left:470px;
position:absolute;
background:url(imagens/qartigo2b.jpg) no-repeat #F4F4F4 center bottom;

}

div#propaganda1 {
width:300px;
height:186px;
top:304px;
left:165px;
position:absolute;

}

div#propaganda2 {
width:300px;
height:186px;
top:304px;
left:470px;
position:absolute;

}

div#propaganda3 {
width:603px;
height:185px;
top:700px;
left:166px;
position:absolute;

}

div.enquete{
width:158px;
height:300px;
left:0px;
top:440px;
position:absolute;
background:url(imagens/enqueteb.jpg) no-repeat #F4F4F4 center bottom;

}

div.foto{
width:158px;
height:330;
left:1px;
top:750px;
position:absolute;
background:url(imagens/fotob.jpg) no-repeat #ECF5FF center bottom;

}

div.rodape{
width:614px;
height:30px;
left:0px;
top:890px;
position:relative;
text-align:center;
clear:both;
background:url(imagens/direitosb.jpg) no-repeat #ECF5FF center bottom;

}[/codebox]
Ja tentei de tudo pra arrumar esse rodape....

Edição feita por: § Kenshin §, 30/01/2008, 17:29.
inclusao da tag [codebox].

[bimonti]

Ahhh ... tira esses position absolute e top:xxx do seu css. Você fez esse layout no dreamweaver ?!

[DJYMA]

opa sim no dreamweaver... mais se eu não colocar esse top:xxx como é que ela vai ficar no lugar certo?

[Andreia Regina]

Acesse este link vai te ajudar: http://www.maujor.com/

E estuda estes também:
http://www.maujor.co...rial/absrel.php

http://www.maujor.com/layout3col.shtml

[bimonti]

O Dreamweaver não é inteligente. Você deseja uma DIV e ele utiliza posição absoluta para manter o elemento onde você desenhou. Leia os artigos que a chefia postou, e entenda como fazer layouts com elementos relativos.

[DJYMA]

ok obrigado vou da uma estuda assim que tiver tempo!

[LarPhozyHah]

Amoxicillin 500mg Capsules viagra cialis Medicamentos Cialis Viagra Tadalafil Cialis Propecia Und Testosteron cialis Disfuncion Erectil Cialis
Kamagra In Belgio viagra cialis Vendo Cialis Madrid
Propecia Oily Skin Buy Viagra With Green Dot Card
Generic Zolfran Without A Prescription <a href=http://cialtobuy.com>cialis</a> Primatene Mist Canada

[LarPhozyHah]

Acheter Du Xenical En Ligne cialis Real Secure Elocon Purchasing Visa Online Cash Delivery Dutasteride No Doctor Cialis Without A Doctor
Viagra Brevetto Scaduto Isotretinoin cod accepted website buy cialis Cherche Viagra Strasbourg Vrai Viagra En Ligne Clomid Et Grossesse Extra Uterine
Buy Xenical In Canada cialis Bay Viagra Cials Cheap Silagra 100 Mg
Only Here What Is Levitra cialis price Amoxicillin Regimen For Tooth Generic Viagra Usa Pharmacy Free Shipping Doxycycline