Ir para conteúdo

POWERED BY:

Arquivado

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

betezek

Rodapé fixo no site

Por , em Desenvolvimento frontend

Recommended Posts

betezek    0

betezek
Postado

Veja, eu tenho um rodapé fixo no brouser com iframe, mas gostaria de saber se ele pode ser feito diferente, porque quando busco um menu neste frame, ele não abre no frame principal e sim no rodapé...

Veja:


<head>
<title>Nova pagina 2</title>
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
</head>

<frameset framespacing="2" border="0" rows="*,20" frameborder="0">
<frame name="principal" src="index.php" scrolling="auto">
<frame name="rodape" scrolling="no" noresize target="principal" src="index2.html">
<noframes>
<body>

</body>
</noframes>
</frameset>

</html>

 

Alguma idéia?!?

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

betezek    0

betezek
Postado

Olha, não é bem isso que eu queria, até porque ele não fixa no rodapé, ele se move conforme o site roda.

Ela barra inferior tem que ficar como um novo iframe que gruda no rodapé... é como o código acima que enviei, mas tem que haver uma solução mais recente. Abaixo o código como vi, mas não rolou como o esperado.

 

Abraços amigo pela sua atenção!

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style>
/*
Sticky Footer Solution
by Steve Hatcher
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;}

/* must declare 0 margins on everything, also for main layout components use padding, not
vertical margins (top and bottom) to add spacing, else those margins get added to total height
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;}

#wrap {min-height: 100%;}

#main {overflow:auto;
padding-bottom: 180px;} /* must be same height as the footer */

#footer {position: relative;
margin-top: -180px; /* negative value of footer height */
height: 180px;
clear:both;}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

 

/* IMPORTANT

You also need to include this conditional style in the <head> of your HTML file to feed this style to IE 6 and lower and 8 and higher.

<!--[if !IE 7]>
<style type="text/css">
#wrap {display:table;height:100%}
</style>
<![endif]-->

*/
</style>
</HEAD>

<BODY>


<div id="wrap">

<div id="main">

</div>

</div>

<div id="footer">

</div>
<IMG SRC="Imagens/acervo.jpg" WIDTH="283" HEIGHT="200" BORDER="0" ALT="">
<table border="1" width="100%">
<tr>
<td width="20%">teste</td>
<td width="20%">teste</td>
<td width="20%">teste</td>
<td width="20%">teste</td>
<td width="20%">teste</td>
</tr>
</table>

</BODY>
</HTML>

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