Publicado em 4 de jun.

[Resolvido] Rodapé não aparece

Olá estou tento um problema e não consigo encontra-lo, é o seguinte o meu código está normal tirando a parte do rodapé, o rodapé não aparece e quando tento com position:absolute ou relative ele vai para o topo. O que eu faço?

Codigo 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=iso-8859-1" />
<title>RadioMemes - Trollando seus ouvidos!</title>
<link href="css/main.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryEffects.js" type="text/javascript"></script>
<script type="text/javascript">
function MM_effectShake(targetElement)

{

Spry.Effect.DoShake(targetElement);
}
</script>
<style type="text/css">
.postado {
font-size: 12px;
}
</style>
</head>

<body>

<div id="wrap">
<div id="topo">
<div id="topomemes">
</div>
<div id="basetopo">
<div id="logo" onmouseover="MM_effectShake(this)">
</div>
<div id="player">
<iframe width="348" height="96" src="images/playertopo/index.php" frameborder="0" allowtransparency="true" scrolling="no"></iframe>
</div>
</div>
</div>

<div id="menu">
<?php require('/menu.php'); ?>
</div>

<div id="conteudo">
 <p> </p>
 <p>

 <!--- Tirinhas --->
 </p>
 <?php do { ?>
 <div id="basetirinhas2" style="width:642px; height:auto; position:relative">
 <div id="basetirinhas">
 <?php echo $row_troll['titulo']; ?>
 </div>
 <div id="conteudotirinhas"><?php echo $row_troll['conteudo']; ?><br />
 <br />
 <table width="100%" border="0">
 <tr>
 <td width="33%" align="left" valign="bottom" class="postado">Postado por: <?php echo $row_troll['postado']; ?></td>
 <td width="33%" align="center" valign="bottom"><?php require('/like.php'); ?></td>
 <td width="34%" align="center" valign="bottom"><a href="tirinhas.php?id=<?php echo $row_troll['id']; ?>"><img src="images/comente.png" width="191" height="66" /></a></td>
 </tr>
 </table>
 </div>
 </div>
 <p></p>
 <?php } while ($row_troll = mysql_fetch_assoc($troll)); ?>

 </p>
 <div id="paginas" style="width:639px; height:auto"><table border="0" align="right">
 <tr>
 <td align="left" ><?php if ($pagina_troll > 0) { // Show if not first page ?>
 <a class="next" href="<?php printf("%s?pagina_troll=%d%s", $currentPage, 0, $queryString_troll); ?>"> Primeira Pagina </a>
 <?php } // Show if not first page ?></td>
 <td align="left" ><?php if ($pagina_troll > 0) { // Show if not first page ?>
 <a class="next" href="<?php printf("%s?pagina_troll=%d%s", $currentPage, max(0, $pagina_troll - 1), $queryString_troll); ?>"> Voltar </a>
 <?php } // Show if not first page ?></td>
 <td align="left" ><?php if ($pagina_troll < $totalPages_troll) { // Show if not last page ?>
 <a class="next" href="<?php printf("%s?pagina_troll=%d%s", $currentPage, min($totalPages_troll, $pagina_troll + 1), $queryString_troll); ?>"> Proxima </a>
 <?php } // Show if not last page ?></td>
 <td align="left"><?php if ($pagina_troll < $totalPages_troll) { // Show if not last page ?>
 <a class="next" href="<?php printf("%s?pagina_troll=%d%s", $currentPage, $totalPages_troll, $queryString_troll); ?>"> Ultima Pagina </a>
 <?php } // Show if not last page ?></td>
 </tr>
 </table></div>

 <!--- Parte da Direita --->

 <div id="partedireita">
 <?php require('/right.php'); ?>
</div>
 <p>
 <!--- Fim da Parte da Direta--->
 </p>
 </p>
 <p> </p>
</div>

<div id="rodape">fhjhhj</div>

</div>
</body>
</html>
<?php
mysql_free_result($troll);
?>

Codigo CSS:

body {margin: 0px; padding: 0px; background-image:url(../images/bg.png)}

#topo {width: 100%; height: 150px; background-image:url(../images/topobg.png); ; position:absolute; box-shadow: #333 7px 0px 7px}

#topomemes {width: 100%; height: 150px; background-image:url(../images/topobgmemes.png);position:absolute; }

#menu {width:900px; height: 46px; left: 50%; margin-left: -450px; margin-top: 119px; position:absolute; }

#logo {
width:423px;
height:65px;
background-image:url(../images/logo.png);
margin-top: 25px;
position:absolute;
margin-left: 10px;

position:absolute }

#player {width:344px; height:93px; margin-top: 15px; position:absolute; margin-left: 540px;}

#basetopo {width: 900px; height:150px; left: 50%; margin-left: -450px; position:absolute}

#conteudo {
width: 890px;
height:auto;
border: none;
position: absolute;
margin-top:50px;
left: 50%;
margin-left: -448px;
font-weight: bold;
top: 68px;
}

#basetirinhas {
width:642px;
height: 42px;
background-image:url(../images/basefrom.png);
z=index: 7;
font-family: Verdana, Geneva, sans-serif;
color: #fff;
text-shadow:#666 2px 2px 2px;
margin-left: 5px;
margin-top: px;
 display: table-cell; vertical-align: middle;
text-align:center;
}

#basetirinhas:hover {

width:642px;
height: 42px;
background-image:url(../images/basefrom2.png);
z=index: 7;
font-family: Verdana, Geneva, sans-serif;
color: #fff;
text-shadow:#666 2px 2px 2px;
margin-left: 5px;
margin-top: px;
 display: table-cell; vertical-align: middle;
text-align:center;
}

#conteudotirinhas {
width: 639px;
height:auto;
border: solid #A4E2FF 1px;
border-radius: 1px;
margin-left: 0px;
margin-top: 0px;
font-family:Verdana, Geneva, sans-serif;
size: 14px;
text-shadow: #999 1px 2px 1px;
color: #333;
text-align:center;
background-image:url(../images/bgcont.png);
}

#partedireita {
width: 233px;
height:auto;
position:absolute;
top: 53px;
left: 659px;

position:absolute
}

.baseright {
width:233px;
height: 42px;
background-image: url(../images/baseright.png);
z=index: 7;
font-family: Verdana, Geneva, sans-serif;
color: #fff;
text-shadow: #ADCF60 2px 2px 2px;
position:absolute;
}

.baseright:hover {

width:233px;
height: 42px;
background-image: url(../images/baseright2.png);
z=index: 7;
font-family: Verdana, Geneva, sans-serif;
color: #fff;
text-shadow: #ADCF60 2px 2px 2px;

position:absolute
}

.next {
font-family: Verdana, Geneva, sans-serif;
font-size: 15px;
color: #666;
background-color:#FFF;
border-radius: 5px;
border: solid #FF8000;

text-decoration:none }

.next:hover {

font-family: Verdana, Geneva, sans-serif;
font-size: 15px;
color: #9D9D9D;
background-color:#FFF;
border-radius: 5px;
border: solid #FF8000;

text-decoration:none
}

#rodape {background-image:url(images/rodape.png; background-repeat:no-repeat); height: 70px; width:902px; position: absolute}

Discussão (6)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Carregando comentários...