Bom o seguinte, tenho uma página que gostaria que o rodapé ficasse sempre na parte inferior do navegador (IE, mozila e Chrome), porém quando chamo o insert que irá abrir um formulario sem qualquer formatação de css, a div do rodapé aparece dentro da div conteudo(logo abaixo do formulario e no meio da página) que não é o lugar dela (O lugar dela é dentro dentro de container ou fora dele). Se alguém puder me ajudar a entender o problema fico muito grato, pois estou quebrando a cabeça. Olhando o html que o chrome gera ele puxa o footer (no insert) dentro da div conteudo e no restante fora.
Pergunta
Sartor
Bom o seguinte, tenho uma página que gostaria que o rodapé ficasse sempre na parte inferior do navegador (IE, mozila e Chrome), porém quando chamo o insert que irá abrir um formulario sem qualquer formatação de css, a div do rodapé aparece dentro da div conteudo(logo abaixo do formulario e no meio da página) que não é o lugar dela (O lugar dela é dentro dentro de container ou fora dele). Se alguém puder me ajudar a entender o problema fico muito grato, pois estou quebrando a cabeça. Olhando o html que o chrome gera ele puxa o footer (no insert) dentro da div conteudo e no restante fora.
<body>
<div id="container">
<div id="cabecalho" title="titulo">
<h1> titulo </h1>
</div> <!-- HEADER -->
<div id="menu">
<div id="conteudo">
<h2> Menu de Opções </h2>
<ul class="navbar">
<b>
<li><a href="index.php?action=insert">Inserir</a></li>
<li><a href="index.php?action=update">Alterar</a></li>
<li><a href="index.php?action=delete">Excluir</a></li>
<li><a href="index.php?action=list">Listar</a></li>
</b>
</ul>
</div>
</div> <!-- MENU -->
<div id="contents">
<div id="conteudo">
<div id="form">
<?php
include_once('functions.php');
if (isset ($_GET['action'])){
$action = $_GET['action'];
switch ($action){
case "insert":
{
imprimeCrud($action); // AKI CHAMA O FORM
}
break;
case "update":
{
echo"Faz Atualizacao";
}
break;
case "delete":
{
echo"Faz remocão";
}
break;
case "list":
{
echo"Faz listagem";
}
break;
}
}
else {
echo "<h2> Seja Bem Vindo! </h2>";
}
?>
</div> <!-- FORM -->
</div><!-- CONTEUDO -->
</div> <!-- CONTENT -->
</div> <!-- CONTAINER -->
<div id="footer">
Copyright © 2013
</div> <!-- FOOTER -->
</body>
O CSS********************************************************************************
#footer { //RODAPÉ
clear: both;
color: #FFFFF0;
text-align: center;
font-size: 90%;
background: black;
margin-top: 5px;
padding: 5px;
position: absolute;
width: 99%;
}
body {
font: 85% arial, hevetica, sans-serif;
text-align: center;
color: #333;
margin:0;
padding: 0;
background: #ddd url(posa.jpg) repeat 0 0;
}
a:link { color: purple }
a:visited { color: purple }
a:focus { color: #FFFFFF; }
a:hover { color: #FFFFFF; }
a:active { color: #FFFFFF; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 .5em; }
h2 {
color: #b52c07;
font: 140% georgia, times, "times new roman", serif;
}
h2 a {
text-decoration: none;
}
h3 {
color: #7d8206;
font: 110% georgia, times, "times new roman", serif;
}
/* ------------------------------
Container styles
------------------------------ */
#container {
margin: 0.5em auto;
border: 1px solid white;
width: 1000px;
text-align: left;
margin-bottom: 0.5em auto;
height: 800px;
}
/* ------------------------------
Header styles
------------------------------ */
#header {
background: #CF3;
height: 45px;
width: 100%;
position: relative;
border-bottom: 1px solid #fff;
}
#cabecalho {
clear: both;
color: #FFFFF0;
text-align: center;
font-size: 90%;
/*background: #9FA41D;*/
padding: 3px;
}
#header h1{
position: absolute;
}
#menu {
float: left;
width: 20%;
border-left: 1px solid #c5c8877;
/*background: #DAA520;*/
}
#menu ul {
margin: 0.5em 0;
}
#menu ul li {
margin: 0 0 1em;
padding: 0.5em;
list-style-type: none;
}
ul.navbar {
list-style-type: none;
padding: 10px;
margin: 15px;
position: absolute;
width: 8em
}
ul.navbar li {
background: rgb(180, 143, 125); /*Cor de Fundo do link*/
margin: 0.5em 0;
padding: 2em;
border-right: 1em solid rgb(37, 40, 75); /*Cor da Lateral do link*/
}
ul.navbar a {
text-decoration: none
}
/* -----------------------------
Contents styles
------------------------------ */
#contents {
float: right;
width: 80%;
background: #FAF0E6;
display: inline;
min-height: 94%;
}
#contents p { line-height: 165%; }
#conteudo {
position: relative;
margin-left: 10px;
margin-top: 10px;
font-family: Georgia, "Times New Roman", Times, serif;
/*border-bottom: 1px solid #c5c977;*/
}
Link para o comentário
Compartilhar em outros sites
9 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.