Ir para conteúdo
Fórum Script Brasil
  • 0

Problema com rodapé


Sartor

Pergunta

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

  • 0

<?phph

function imprimeCrud($op){

switch($op){

case "insert":

?>

<div>

<div > Nome </div> <div > <input type="text" name="nome" /> <br> </div>

<div > E-mail </div> <div > <input type="text" name="email" /> <br> </div>

<div > Telefone </div> <div > <input width="20px" type="text" name="ddd" />

<input type="text" name="telefone" size="30%"/><br> </div>

<div > Assunto </div> <div > <input type="text" name="assunto"/> <br> </div>

<div > Mensagem </div> <div> <textarea type="text" name="mensagem" cols="50" rows="8"/> </textarea><br> </div>

<div>

<input name="enviar" type="reset" value="Limpar" />

<input name="enviar" type="submit" value="Enviar" />

</div>

<?php

}

?>

Link para o comentário
Compartilhar em outros sites

  • 0

Ta eu já entendi seu problema... seu footer ta em relaçao ao conteudo, e o seu conteudo ta em porcentagem, quando você reduz o conteudo para aquele formulario, seu conteudo termina no botao enviar, ai ele termina e o footer aparece... determina um valor exato para os seus tamanhos, ou para o footer... pois se não ele vai ficar indo e voltando...

Link para o comentário
Compartilhar em outros sites

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.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...