Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

TRiToN

Rodapé auto-ajustavel

Por , em Desenvolvimento frontend

Recommended Posts

TRiToN    0

TRiToN
Postado

Queria que meu rodapé fosse se ajustando conforme o tamanho do texto do site.

 

<!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>

<title>Faculdade de Direito - UFG - 2006</title>

<style type="text/css">

body {

font-family: Verdana, "Trebuchet MS";

font-size:10px;

background: #D7D7D7 url(images/fundo_tudo.jpg) repeat-Y center center;

}

#tudo {

position:absolute;

width:758px;

height:auto;

left:50%;

margin-left:-379px;

background-image:url(images/fundo_tudo.jpg);

background-color: #FFFFFF;

}

#logo {

position:absolute;

width:92px;

height:75px;

left:40px;

top:23px;

background-image:url(images/index_r2_c3.jpg);

}

#topo_1 {

position:absolute;

width:232px;

height:41px;

left:153px;

top:55px;

background-image: url(images/index_r3_c8.jpg);

}

#topo_2{

position:absolute;

width:232px;

height:36px;

left:477px;

top:55px;

background-image: url(images/index_r3_c14.jpg);

}

#menu {

position:absolute;

width:696px;

height:31px;

left:31px;

top:112px;

background-image: url(images/fundo_menu.jpg);

}

#menu_dentro {

text-align:center;

}

#conteudo_esquerda {

position:absolute;

width:234px;

height:425px;

left:31px;

top:162px;

}

#conteudo_direita {

position:absolute;

width:442px;

height:425px;

left:285px;

top:162px;

}

#rodape {

left:0;

bottom:0;

margin-top: 10px;

margin-bottom: -1px;

position:relative;

text-align:center;

clear:both;

}

 

</style>

</head>

 

<body>

<div id="tudo">

<div id="logo">

</div>

<div id="topo_1">

</div>

<div id="topo_2">

</div>

<div id="menu">

<?

include "menu.html"

?>

</div>

<div id="conteudo_esquerda">

Aqui onde fica conteúdo à esquerda.

</div>

<div id="conteudo_direita">

Aqui fica o conteúdo à direita.

</div>

<div id="rodape">

<strong>Faculdade de Direito - UFG - Universidade Federal de Goiás<br />

2006 © Todos os direitos Reservados</strong>

</div>

 

</div>

 

</body>

</html>

As partes estão em negrito.

 

té!

Compartilhar este post

Link para o post
Compartilhar em outros sites

trit0n-    0

trit0n-
Postado

você continuou usando akeles position??? e left com top???Tá errado.. leia no link que te passei antes de querer começar um layout...você está errando nisso.. não se usa position assim.. para este tipo de coisa..LEIA[]s

Como eu vou colocar "position:relative;" ali?Veja o script direito. Ooabs

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito