Rodapé meio da página

Joww · Fevereiro 29, 2008

Olá pessoal..

Estou tentando arrumar o rodape do site mais ta dificil..

http://www.pemsar.com.br/login_campus.htm

Repare que 1024x768 ele fica la embaixo beleza, 1280x1024 tb.. correto.. mais em 800x600 ele fica no meio da pagina inves de ficar la embaixo..

quebrei a cabeca hj o dia inteiro pra arrumar ele.. como concertar isso?

Abraço

Morpheus#2005 · Fevereiro 29, 2008

Testeie funcionou..testa ae..

<style media="screen" type="text/css">

/* Propriedades utilizadas para posicionar o rodape */
html, body {
	height:100%;/* Necessário */
}
#wrap {
	position:relative;
	min-height:100%;/* Necessário para alguns browsers modernos */
	height:auto !important;/* Necessário para alguns browsers modernos */
	height:100%;/* Para o Internet Explorer */
}
#content {
	padding-bottom:45px;/* Diferença para o rodapé não cobrir uma parte do conteúdo, é o mesmo valor da altura do rodapé */
}
#rodape {
	width:100%;
	position:absolute;
	bottom:0;
	bottom:-1px;/* Resolve eventuais problemas de largura no IE */
}
</style>

Abraços

Joww · Fevereiro 29, 2008

morpheus como vou aplicar esse codigo ai no meu codigo fonte? sou novato em css..

mais c você ver meu codigo fonte sao 3 rodape..

preciso por oq em cada pra acertar?

wrap e content sao oq?

eu tinha axado uma explicacao +- q nem essa sua ai no google..

ai dela apliquei no meu codigo fonte.. mais em reso 800x600 o rodapeh fica parado no meio da tela..

enquanto 1024x768 ateh 1280x1024 fica certinho ele desce..

abracao!!

Morpheus#2005 · Fevereiro 29, 2008

No seu codigo substitua isso :

position:absolute;

por

position:Fixed;

Salva e veja como fica Ok..

Joww · Fevereiro 29, 2008

substitui morpheus hehehe..

mais ai em 800x600 ele fica la embaixo, 1024x768 tb..

mais a partir dai pra cima ateh 1280x1024 ele fica no meio da tela..

sera q nao da? po n keria te enxer o saco n..

mais kraca q bad ta brabo isso http://forum.imasters.com.br/public/style_emoticons/default/cry.gif

Morpheus#2005 · Fevereiro 29, 2008

Bom vamos lá.. retire tudo o que você tem em rodape1 e cole isso :

#rodape1 {

	width:607px;
	height:24px;
	background-image: url(rodape/azul_riscos.gif); 
	position:fixed;
	width:100%;
	position:absolute;
	bottom:0;
	bottom:-1px;/* Resolve eventuais problemas de largura no IE */

   
}

Remova rodape2 e 3...

ficara mais ou menos assim ::

<html>
<head>
<title>Instituto PEMSAR</title>
<META http-equiv=Content-Type content="text/html; charset=utf-8" http-equiv=Content-Location content="http://webmail.pemsar.com.br/horde/imp/login-laniway.php">
</head>
<style type="text/css">
<!--
body {
margin:0;
padding:0;
text-align: left;
	background-image:url(Pemsar_bg.jpg);
	background-position:center;
}
.style1 {font-weight: bold}
-->
</style>
<STYLE>
BODY {
	MARGIN: 0px
}
A:hover {color:'#000033'
} 
	A:link {text-decoration: none;
	} 
	A:visited {text-decoration: none;
	}
.style1 {color: #333333}
</STYLE>
<style media="screen" type="text/css">
* { margin:0; padding:0; border:0; }
body { font:1.2em Arial, Helvetica, sans-serif; }
#content { width:600px; margin:auto; }
#content h1 { text-align:center; border-bottom:#ccc 3px solid; margin:0 0 10px; }
#content p { padding:5px 40px 10px; background:#eee; }
#rodape1 { text-align:center; valign:top; padding: 10px 0px 0px; }


/* Propriedades utilizadas para posicionar o rodape */
html, body {
	height:100%;/* Necessário */
}
#rodape1 {

	width:607px;
	height:24px;
	background-image: url(rodape/azul_riscos.gif); 
	position:fixed;
	width:100%;
	position:absolute;
	bottom:0;
	bottom:-1px;/* Resolve eventuais problemas de largura no IE */

   
}

</style>
<body text="#006699" link="#006699" alink="#006699" vlink="#006699" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
<table width="75" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
  <tr> 
	<td height="20"> 
	  <div align="center">
		<table width="77%" border="0" cellpadding="0" cellspacing="0" height="127">
		  <tr> 
			<td height="60"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="780" height="119" vspace="0" hspace="0">
				<param name="movie" value="PEMSAR_in.swf" />
				<param name="quality" value="high" />
				<embed src="PEMSAR_in.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="780" height="119" vspace="0" hspace="0">
				</embed> 
			  </object></td>
		  </tr>
		  <tr> 
			<td height="2"><img src="menu.jpg" width="780" height="46" align="top" usemap="#Map" border="0">
			  <map name="Map"><area shape="rect" coords="262,1,389,44" href="login_campus.htm" target="_self" alt="Campus Online" title="Direção">
				<area shape="rect" coords="132,3,257,41" href="cursos.htm" target="_self" alt="Cursos" title="Cursos">
				<area shape="rect" coords="651,3,776,41" href="contato.htm" target="_self" alt="Fale Conosco" title="Fale Conosco">
				<area shape="rect" coords="524,3,649,41" href="links.htm" target="_self" alt="Links" title="Links">
				<area shape="rect" coords="393,2,518,40" href="direcao.htm" target="_self" alt="Direção" title="Direção">
				<area shape="rect" coords="2,4,127,42" href="index.htm" target="_self" alt="Home" title="Home">
			  </map> 
			</td>
		  </tr>
		</table>
		
	  </div>
	</td>
  </tr>
  <tr> 
	<td height="10" valign="top" align="left"><img src="barra1.gif" width="780" height="14"></td>
  </tr>
  <tr>
	<td height="24">
	  <table class="contentpaneopen" width="773" cellspacing="5" cellpadding="5">
		<tr> 
		  <td colspan="2" valign="top" background="fundo1.gif"><p>
			<FORM action=http://webmail.pemsar.com.br/horde/imp/redirect.php method=post target=_blank>
			  <INPUT type=hidden 
value=/horde/login.php name=url><INPUT type=hidden value=25 name=smtpport><INPUT 
type=hidden value=smtp-webmail.laniway.com.br name=smtphost><INPUT type=hidden 
value=imap/notls name=protocol><INPUT type=hidden value=143 name=port><INPUT 
type=hidden value=imap.pemsar.com.br name=server>
			  <p> </p>
			  <br>
			  <table width=600 border=0 align="center" bgcolor=#eeeeee>
				<tbody>
				  <tr>
					<td bgcolor=#ffffff><center>
						<img 
	  src="pemsar_logo.gif" border=0>
					</center></td>
					<td bgcolor=#ffffff><center>
						<img 
	  src="on.gif" border=0>
					  </center>
				  </tr>
				  <tr>
					<td height="68" bgcolor="#eeeeee"><center>
						<strong> <font face=Verdana size=2 color=#333333>E-mail</font></strong><font face=Verdana size=2 color=#333333><br>
		  (ex: nome@pemsar.com.br) </font>
					</center></td>
					<td bgcolor="#eeeeee"><input size=40 name=imapuser></td>
				  </tr>
				  <tr>
					<td bgcolor="#eeeeee"><center>
						<strong><font face=Verdana size=2 color=#333333>S</font><font face=Verdana size=2 color=#333333>enha</font></strong><font face=Verdana size=2 color=#333333><br>
		  (maiúsculas e minúsculas fazem diferença)</font>
					</center></td>
					<td bgcolor="#eeeeee"><input type=password name=pass></td>
				  </tr>
				  <tr>
					<td height="26" bgcolor="#eeeeee"> </td>
					<td bgcolor="#eeeeee"><div align="right">
						<input type=submit value=Conectar>
					</div></td>
				  </tr>
				</tbody>
			  </table>
			  <FONT face=Verdana size=2 color=#333333><BR>
			  </font>
			</form>			<p> </p>
			<p><br>
			  <br>
			</p>
		  <p><br>
			</p>
		  <p><br>
		  </p>
		  </td>
		</tr>
	  </table>
	</td>
  </tr>
  <tr>
	<td height="24" >
	  <table width="780"  border="0" cellpadding="0" cellspacing="0" id="rodape1">
		<tr>
		  <td width="171" rowspan="2"">			<div align="center"><font color="#FFFFFF" face="Verdana, Arial, Helvetica, sans-serif" size="1">  Copyright ©<br>
			  Instituto PEMSAR Ltda.</font> </div></td><td width="602" height="24"><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#333333">		  Av. Treze de Maio, 13 . grupo 1512 /1513 /1514 . Centro . Rio de Janeiro . RJ . Brasil </font></td>
		</tr>
		<tr>
		  <td height="24"> <font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#333333">		  Tel (+55 21) 2220 0295 / Cel (+55 21) 8744 1594  <a href="mailto:drmolinaro@pemsar.com.br">info@pemsar.com.br</a></font></td>
		</tr>
	  </table>
	</td>
  </tr>
</table>
</body>
</html>

Joww · Fevereiro 29, 2008

morpheus vlw pela compreensao, fiz a mudanca e deu msm resultado..

1024x768 perfeito, ateh 1280x1024 perfeito. mais 800x600 travado no meio da tela :(

ta triste isso.. ta um desafio.. -_-

Joww · Março 1, 2008

galera tem como eu configurar manualmente tipo pra qnd a resu for tal o rodapeh fica d uma certa maneira..

qnd mudar fica d outra maneira.. e por ae vai..

pq po.. n consigo d jeito nenhum arrumar isso...

MartinsV · Março 1, 2008

E ai Joww, beleza?

Eu não sei se você já fez isso, mas como venho acompanhando sua "trama", tava pensando numa coisa... é meio bobinha mas qm sab nao funciona né... entao, você já tento diminuir o tamanho site (altura)? Deixar ele do msm nível do rodapé do "meio"? Talvez funcione, hehe! (não custa nd tentar...)

Bom, espero q alguém consiga resolver seu caso rapaz...

Abraços, força ae :D

MartinsV · Março 1, 2008

Aí, Joww

Eu testei aqui e tirei uns <br> do seu código e deu certinho em 800x600... basta ver nas outras resoluções...

(o seu código ficou igualzinho mas sem uns <br>.Se você quiser o seu código com os <br> retirados, eu salvei aqui e posso te passar)

Abraços!

Joww · Março 1, 2008

Opa martins.. kero sim sim hehehe..

mande pro meu email se nao nos encontrarmos no msn..

jowrj@hotmail.com

vlw abraco..

Mau B. Miranda · Março 3, 2008

Fala ae Joww, beleza!!

Cara, não sei se já conseguiu resolver o seu problema!!!

Mas caso ainda não tenha conseguido, tenta o seguinte:

- retira de todos os rodapés o "clear:both";

- e em todos os rodapés coloca "position:relative";

- tbm retira de todos o "bottom:-1px";

E se possível, evite misturar muito table com div!! Seu site já está todo com table, continue assim!!!!

Qualquer coisa posta ae!! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[]'s

Joww · Março 3, 2008

Ola Mau B. Miranda, fiz as mudanças exatamente como falou e olha o resultado ai..

Até colei o codigo de como ta nas fotos..

Vlw abracoo!! esperança eh a ultima q morre hehe http://forum.imasters.com.br/public/style_emoticons/default/clap.gif

##########################

(1280x1024)

http://img529.imageshack.us/img529/2082/1280yb2.gif

(1024x768)

http://img529.imageshack.us/img529/8193/1024xp3.gif

(800x600)

http://img529.imageshack.us/img529/7814/800xd1.gif

CODE

<html><head>
<title>Instituto PEMSAR</title>
<META http-equiv=Content-Type content="text/html; charset=utf-8" http-equiv=Content-Location content="http://webmail.pemsar.com.br/horde/imp/login-laniway.php">
</head>
<style type="text/css">
<!--
body {
margin:0;
padding:0;
text-align: left;
    background-image:url(http://www.pemsar.com.br/Pemsar_bg.jpg);
    background-position:center;
}
.style1 {font-weight: bold}
-->
</style>
<STYLE>
BODY {
    MARGIN: 0px
}
A:hover {color:'#000033'
} 
    A:link {text-decoration: none;
    } 
    A:visited {text-decoration: none;
    }
.style1 {color: #333333}
</STYLE>
<style media="screen" type="text/css">
* { margin:0; padding:0; border:0; }
body { font:1.2em Arial, Helvetica, sans-serif; }
#content { width:600px; margin:auto; }
#content h1 { text-align:center; border-bottom:#ccc 3px solid; margin:0 0 10px; }
#content p { padding:5px 40px 10px; background:#eee; }
#rodape1 { text-align:center; valign:top; padding: 10px 0px 0px; }
#rodape2 { text-align:center; valign:top; padding: 5px 0px 0px; }
#rodape3 { text-align:center; valign:top; padding: 5px 0px 0px; }
 
/* Propriedades utilizadas para posicionar o rodape */
html, body {
    height:100%;/* NecessÃ¡rio */
}
#rodape1 {
    width:173px;
    height:48px;
    background-image: url(http://www.pemsar.com.br/rodape/azul_riscos.gif); 
    position:absolute;
	position:relative;
}
#rodape2 {
    width:607px;
    height:24px;
    background-image: url(http://www.pemsar.com.br/rodape/azul1_riscos.gif); 
    position:absolute;
	position:relative;
    bottom:-1px;
}
#rodape3 {
    width:607px;
    height:24px;
    background-image: url(http://www.pemsar.com.br/rodape/azul2_riscos.gif); 
    position:absolute;
	position:relative;
}
</style>
<body text="#006699" link="#006699" alink="#006699" vlink="#006699" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
<table width="75" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
  <tr> 
    <td height="20"> 
      <div align="center">
        <table width="77%" border="0" cellpadding="0" cellspacing="0" height="127">
          <tr> 
            <td height="60"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="780" height="119" vspace="0" hspace="0">
                <param name="movie" value="http://www.pemsar.com.br/PEMSAR_in.swf" />
                <param name="quality" value="high" />
                <embed src="http://www.pemsar.com.br/PEMSAR_in.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="780" height="119" vspace="0" hspace="0">
                </embed> 
              </object></td>
          </tr>
          <tr> 
            <td height="2"><img src="http://www.pemsar.com.br/menu.jpg" width="780" height="46" align="top" usemap="#Map" border="0">
              <map name="Map"><area shape="rect" coords="262,1,389,44" href="login_campus.htm" target="_self" alt="Campus Online" title="Direção">
                <area shape="rect" coords="132,3,257,41" href="cursos.htm" target="_self" alt="Cursos" title="Cursos">
                <area shape="rect" coords="651,3,776,41" href="contato.htm" target="_self" alt="Fale Conosco" title="Fale Conosco">
                <area shape="rect" coords="524,3,649,41" href="links.htm" target="_self" alt="Links" title="Links">
                <area shape="rect" coords="393,2,518,40" href="direcao.htm" target="_self" alt="Direção" title="Direção">
                <area shape="rect" coords="2,4,127,42" href="index.htm" target="_self" alt="Home" title="Home">
              </map> 
            </td>
          </tr>
        </table>
 
      </div>
    </td>
  </tr>
  <tr> 
    <td height="10" valign="top" align="left"><img src="http://www.pemsar.com.br/barra1.gif" width="780" height="14"></td>
  </tr>
  <tr>
    <td height="24">
      <table class="contentpaneopen" width="773" cellspacing="5" cellpadding="5">
        <tr> 
          <td colspan="2" valign="top" background="fundo1.gif"><p>
            <FORM action=http://webmail.pemsar.com.br/horde/imp/redirect.php method=post target=_blank>
              <INPUT type=hidden 
value=/horde/login.php name=url><INPUT type=hidden value=25 name=smtpport><INPUT 
type=hidden value=smtp-webmail.laniway.com.br name=smtphost><INPUT type=hidden 
value=imap/notls name=protocol><INPUT type=hidden value=143 name=port><INPUT 
type=hidden value=imap.pemsar.com.br name=server>
              <p> </p>
              <table width=600 border=0 align="center" bgcolor=#eeeeee>
                <tbody>
                  <tr>
                    <td bgcolor=#ffffff><center>
                        <img 
      src="http://www.pemsar.com.br/pemsar_logo.gif" border=0>
                    </center></td>
                    <td bgcolor=#ffffff><center>
                        <img 
      src="http://www.pemsar.com.br/on.gif" border=0>
                      </center>
                  </tr>
                  <tr>
                    <td height="68" bgcolor="#eeeeee"><center>
                        <strong> <font face=Verdana size=2 color=#333333>E-mail</font></strong><font face=Verdana size=2 color=#333333>
          (ex: nome@pemsar.com.br) </font>
                    </center></td>
                    <td bgcolor="#eeeeee"><input size=40 name=imapuser></td>
                  </tr>
                  <tr>
                    <td bgcolor="#eeeeee"><center>
                        <strong><font face=Verdana size=2 color=#333333>S</font><font face=Verdana size=2 color=#333333>enha</font></strong><font face=Verdana size=2 color=#333333>
          (maiúsculas e minúsculas fazem diferença)</font>
                    </center></td>
                    <td bgcolor="#eeeeee"><input type=password name=pass></td>
                  </tr>
                  <tr>
                    <td height="26" bgcolor="#eeeeee"> </td>
                    <td bgcolor="#eeeeee"><div align="right">
                        <input type=submit value=Conectar>
                    </div></td>
                  </tr>
                </tbody>
              </table>
              <FONT face=Verdana size=2 color=#333333>
              </font>
            </form>            <p> </p>
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td height="24" >
      <table width="780"  border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="171" rowspan="2""><div id="rodape1" align="center" class="style1">
            <div align="center"><font color="#FFFFFF" face="Verdana, Arial, Helvetica, sans-serif" size="1">  Copyright ©
        Instituto PEMSAR Ltda.</font> </div>
          </div></td>
          <td width="602" height="24"><div id="rodape2" align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#333333">          Av. Treze de Maio, 13 . grupo 1512 /1513 /1514 . Centro . Rio de Janeiro . RJ . Brasil </font></div></td>
        </tr>
        <tr>
          <td height="24"><div id="rodape3" align="center"> <font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#333333">          Tel (+55 21) 2220 0295 / Cel (+55 21) 8744 1594  <a href="mailto:drmolinaro@pemsar.com.br">info@pemsar.com.br</a></font></div></td>
        </tr>
      </table>
    </td>
  </tr>
</table>
</body>
</html> 

Morpheus#2005 · Março 4, 2008

Putzzzzz....q bom q você conseguiu...eu estava te ajudando para q o seu rodape ficasse sempre....no rodape da pagina.rssss

Mas beleza...

Joww · Março 4, 2008

hahahahhaa..

morpheus quem dera eu ter conseguido hahahah http://forum.imasters.com.br/public/style_emoticons/default/cry.gif

o desafio continua hahhahaha.. ainda n consegui solucionar o problema..

soh abrir as imagems ai em cima.. q vcs veem oq ta acontecendo aki.. e como ta o codigo..

Bom estou como akele filme "A Espera de um Milagre".. http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Abraço!!

MartinsV · Março 5, 2008

Bom estou como akele filme "A Espera de um Milagre".. http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Nem diga isso, q no final desse filme o principal morreu eletrocutado! hahaha

Bom cara, como já chego a hora de apelar msm (haha), v se esse código funciona:

(eu tirei e coloquei uns br's e talz, deu certo no 800x600 e 1024x768, já no 1280x1024 ele fica no meio mas não axo q isso seja um grande problema!)

Abraços!

<html>
<head>
<title>Instituto PEMSAR</title>
<META http-equiv=Content-Type content="text/html; charset=utf-8" http-equiv=Content-Location content="http://webmail.pemsar.com.br/horde/imp/login-laniway.php">
</head>
<style type="text/css">
<!--
body {
margin:0;
padding:0;
text-align: left;
background-image:url(http://www.pemsar.com.br/Pemsar_bg.jpg);
background-position:center;
}
.style1 {font-weight: bold}
-->
</style>
<STYLE>
BODY {
MARGIN: 0px
}
A:hover {color:'#000033'
}
A:link {text-decoration: none;
}
A:visited {text-decoration: none;
}
.style1 {color: #333333}
</STYLE>
<style media="screen" type="text/css">
* { margin:0; padding:0; border:0; }
body { font:1.2em Arial, Helvetica, sans-serif; }
#content { width:600px; margin:auto; }
#content h1 { text-align:center; border-bottom:#ccc 3px solid; margin:0 0 10px; }
#content p { padding:5px 40px 10px; background:#eee; }
#rodape1 { text-align:center; valign:top; padding: 10px 0px 0px; }
#rodape2 { text-align:center; valign:top; padding: 5px 0px 0px; }
#rodape3 { text-align:center; valign:top; padding: 5px 0px 0px; }

/* Propriedades utilizadas para posicionar o rodape */
html, body {
height:100%;/* NecessÃ¡rio */
}
#rodape1 {
width:173px;
height:48px;
background-image: url(http://www.pemsar.com.br/rodape/azul_riscos.gif);
position:absolute;
position:relative;
}
#rodape2 {
width:607px;
height:24px;
background-image: url(http://www.pemsar.com.br/rodape/azul1_riscos.gif);
position:absolute;
position:relative;
bottom:-1px;
}
#rodape3 {
width:607px;
height:24px;
background-image: url(http://www.pemsar.com.br/rodape/azul2_riscos.gif);
position:absolute;
position:relative;
}
</style>
<body text="#006699" link="#006699" alink="#006699" vlink="#006699" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
<table width="75" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td height="20">
<div align="center">
<table width="77%" border="0" cellpadding="0" cellspacing="0" height="127">
<tr>
<td height="60"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="780" height="119" vspace="0" hspace="0">
<param name="movie" value="http://www.pemsar.com.br/PEMSAR_in.swf" />
<param name="quality" value="high" />
<embed src="http://www.pemsar.com.br/PEMSAR_in.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="780" height="119" vspace="0" hspace="0">
</embed>
</object></td>
</tr>
<tr>
<td height="2"><img src="http://www.pemsar.com.br/menu.jpg" width="780" height="46" align="top" usemap="#Map" border="0">
<map name="Map"><area shape="rect" coords="262,1,389,44" href="login_campus.htm" target="_self" alt="Campus Online" title="Direção">
<area shape="rect" coords="132,3,257,41" href="cursos.htm" target="_self" alt="Cursos" title="Cursos">
<area shape="rect" coords="651,3,776,41" href="contato.htm" target="_self" alt="Fale Conosco" title="Fale Conosco">
<area shape="rect" coords="524,3,649,41" href="links.htm" target="_self" alt="Links" title="Links">
<area shape="rect" coords="393,2,518,40" href="direcao.htm" target="_self" alt="Direção" title="Direção">
<area shape="rect" coords="2,4,127,42" href="index.htm" target="_self" alt="Home" title="Home">
</map>
</td>
</tr>
</table>

</div>
</td>
</tr>
<tr>
<td height="10" valign="top" align="left"><img src="http://www.pemsar.com.br/barra1.gif" width="780" height="14"></td>
</tr>
<tr>
<td height="24">
<table class="contentpaneopen" width="773" cellspacing="5" cellpadding="5">
<tr>
<br><br>
<td colspan="2" valign="top" background="fundo1.gif"><p>
<FORM action=http://webmail.pemsar.com.br/horde/imp/redirect.php method=post target=_blank>
<INPUT type=hidden
value=/horde/login.php name=url><INPUT type=hidden value=25 name=smtpport><INPUT
type=hidden value=smtp-webmail.laniway.com.br name=smtphost><INPUT type=hidden
value=imap/notls name=protocol><INPUT type=hidden value=143 name=port><INPUT
type=hidden value=imap.pemsar.com.br name=server>
<p> </p>
<table width=600 border=0 align="center" bgcolor=#eeeeee>
<tbody>
<tr>
<td bgcolor=#ffffff><center>
<img
src="http://www.pemsar.com.br/pemsar_logo.gif" border=0>
</center></td>
<td bgcolor=#ffffff><center>
<img
src="http://www.pemsar.com.br/on.gif" border=0>
</center>
</tr>
<tr>
<td height="68" bgcolor="#eeeeee"><center>
<strong> <font face=Verdana size=2 color=#333333>E-mail</font></strong><font face=Verdana size=2 color=#333333>
(ex: nome@pemsar.com.br) </font>
</center></td>
<td bgcolor="#eeeeee"><input size=40 name=imapuser></td>
</tr>
<tr>
<td bgcolor="#eeeeee"><center>
<strong><font face=Verdana size=2 color=#333333>S</font><font face=Verdana size=2 color=#333333>enha</font></strong><font face=Verdana size=2 color=#333333>
(maiúsculas e minúsculas fazem diferença)</font>
</center></td>
<td bgcolor="#eeeeee"><input type=password name=pass></td>
</tr>
<tr>
<td height="26" bgcolor="#eeeeee"> </td>
<td bgcolor="#eeeeee"><div align="right">
<input type=submit value=Conectar>
</div></td>
</tr>
</tbody>
</table>
<FONT face=Verdana size=2 color=#333333>
</font>
</form> <p> </p>
</td>
</tr>
</table>
</td>
</tr>

<tr>
<td height="24" >
<table width="780" border="0" cellspacing="0" cellpadding="0">
<br><br><br>
<tr>
<td width="171" rowspan="2""><div id="rodape1" align="center" class="style1">
<div align="center"><font color="#FFFFFF" face="Verdana, Arial, Helvetica, sans-serif" size="1"> Copyright ©
Instituto PEMSAR Ltda.</font> </div>
</div></td>
<td width="602" height="24"><div id="rodape2" align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#333333"> Av. Treze de Maio, 13 . grupo 1512 /1513 /1514 . Centro . Rio de Janeiro . RJ . Brasil </font></div></td>
</tr>
<tr>
<td height="24"><div id="rodape3" align="center"> <font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#333333"> Tel (+55 21) 2220 0295 / Cel (+55 21) 8744 1594 <a href="mailto:drmolinaro@pemsar.com.br">info@pemsar.com.br</a></font></div></td>
</tr>
</table>

</td>
</tr>
</table>
</body>
</html>

Joww · Março 5, 2008

kraca martins.. aki em 1024 com seu codigo ainda fico assim

http://img222.imageshack.us/img222/5514/1024aki1.gif

por isso axo q "br" n adianta mt.. pq a quantidade d coisa q tu tiver na tua barra de ferramentas do IE pode afetar na dimensao da pagina :[

mais msm assim abraco..

e o desafio contiuaaaaaaaaaa

hahaha

Morpheus#2005 · Março 5, 2008

Agora chega..vamos dar um basta nesse assunto :

Segura que o filho é teu ????

<html>
<head>
<title>Instituto PEMSAR</title>
<META http-equiv=Content-Type content="text/html; charset=utf-8" http-equiv=Content-Location content="http://webmail.pemsar.com.br/horde/imp/login-laniway.php">
</head>
<style media="screen" type="text/css">

body, html { height:100%; } /* Necessário */
#wrap {
	position:relative;
	min-height:100%; /* Para browsera modernos */
	height:auto !important; /* Para browsera modernos */
	height:100%; /* Para o IE6 */
}
#content {
	padding-bottom:50px; /* Esse padding é o mesmo valor da altura do rodapé */
}
#rodape {
	position:absolute;
	bottom:0 !important;
}

#rodape1 {
	position:absolute;
	bottom:0 !important;
}
#rodape2 {
	position:absolute;
	bottom:0px!important;
	right:10px
	
}

.style1 {color: #000000}
</style>

<body text="#006699" link="#006699" alink="#006699" vlink="#006699" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
<div id="wrap">
<table width="75" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td height="20">

<table width="77%" border="0" cellpadding="0" cellspacing="0" height="127">
<tr>
<td height="60"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="780" height="119" vspace="0" hspace="0">
<param name="movie" value="http://www.pemsar.com.br/PEMSAR_in.swf" />
<param name="quality" value="high" />
<embed src="http://www.pemsar.com.br/PEMSAR_in.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="780" height="119" vspace="0" hspace="0">
</embed>
</object></td>
</tr>
<tr>
<td height="2"><img src="http://www.pemsar.com.br/menu.jpg" width="780" height="46" align="top" usemap="#Map" border="0">
<map name="Map"><area shape="rect" coords="262,1,389,44" href="login_campus.htm" target="_self" alt="Campus Online" title="Direção">
<area shape="rect" coords="132,3,257,41" href="cursos.htm" target="_self" alt="Cursos" title="Cursos">
<area shape="rect" coords="651,3,776,41" href="contato.htm" target="_self" alt="Fale Conosco" title="Fale Conosco">
<area shape="rect" coords="524,3,649,41" href="links.htm" target="_self" alt="Links" title="Links">
<area shape="rect" coords="393,2,518,40" href="direcao.htm" target="_self" alt="Direção" title="Direção">
<area shape="rect" coords="2,4,127,42" href="index.htm" target="_self" alt="Home" title="Home">
</map>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="10" valign="top" align="left"><img src="http://www.pemsar.com.br/barra1.gif" width="780" height="14"></td>
</tr>
<tr>
<td height="24">
<table class="contentpaneopen" width="773" cellspacing="5" cellpadding="5">
<tr>
<br><br>
<td colspan="2" valign="top" background="fundo1.gif"><p>
<FORM action=http://webmail.pemsar.com.br/horde/imp/redirect.php method=post target=_blank>
<INPUT type=hidden
value=/horde/login.php name=url><INPUT type=hidden value=25 name=smtpport><INPUT
type=hidden value=smtp-webmail.laniway.com.br name=smtphost><INPUT type=hidden
value=imap/notls name=protocol><INPUT type=hidden value=143 name=port><INPUT
type=hidden value=imap.pemsar.com.br name=server>
<p> </p>
<table width=600 border=0 align="center" bgcolor=#eeeeee>
<tbody>
<tr>
<td bgcolor=#ffffff><center>
<img
src="http://www.pemsar.com.br/pemsar_logo.gif" border=0>
</center></td>
<td bgcolor=#ffffff><center>
<img
src="http://www.pemsar.com.br/on.gif" border=0>
</center>
</tr>
<tr>
<td height="68" bgcolor="#eeeeee"><center>
<strong> <font face=Verdana size=2 color=#333333>E-mail</font></strong><font face=Verdana size=2 color=#333333>
(ex: nome@pemsar.com.br) </font>
</center></td>
<td bgcolor="#eeeeee"><input size=40 name=imapuser></td>
</tr>
<tr>
<td bgcolor="#eeeeee"><center>
<strong><font face=Verdana size=2 color=#333333>S</font><font face=Verdana size=2 color=#333333>enha</font></strong><font face=Verdana size=2 color=#333333>
(maiúsculas e minúsculas fazem diferença)</font>
</center></td>
<td bgcolor="#eeeeee"><input type=password name=pass></td>
</tr>
<tr>
<td height="26" bgcolor="#eeeeee"> </td>
<td bgcolor="#eeeeee"><div align="right">
<input type=submit value=Conectar>
</div></td>
</tr>
</tbody>
</table>
<FONT face=Verdana size=2 color=#333333>
</font>
</form> <p> </p>
</td>
</tr>
</table>
</td>
</tr>

<tr>
<td height="24" >
<table width="780" border="0" cellspacing="0" cellpadding="0">
<br><br><br>
<tr>
<td width="171" rowspan="2""><div id="rodape1" align="center" class="style1">
<div align="center"><font color="#FFFFFF" face="Verdana, Arial, Helvetica, sans-serif" size="1"> C</font><font face="Verdana, Arial, Helvetica, sans-serif" size="1"><span class="style1">Copyright © Instituto PEMSAR Ltda.</span></font> </div>
</div></td>
<td width="602" height="24"><div id="rodape2" align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#333333"> Av. Treze de Maio, 13 . grupo 1512 /1513 /1514 . Centro . Rio de Janeiro . RJ . Brasil </font></div></td>
</tr>
<tr>
<td height="24"><div id="rodape" align="center"> <font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#333333"> Tel (+55 21) 2220 0295 / Cel (+55 21) 8744 1594 <a href="mailto:drmolinaro@pemsar.com.br">info@pemsar.com.br</a></font></div></td>
</tr>
</table>


</td>
</tr>
</table></div>
</body>
</html>

hunternh · Março 6, 2008

Para quem quiser uma solução com javascript, sem ter que usar height 100% no body:

http://forum.imasters.com.br/index.php?showtopic=275611

Arquivado

Rodapé meio da página

Recommended Posts

Joww 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Morpheus#2005 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Joww 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Morpheus#2005 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Joww 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Morpheus#2005 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Joww 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Joww 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

MartinsV 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

MartinsV 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Joww 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Mau B. Miranda 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Joww 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Morpheus#2005 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Joww 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

MartinsV 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Joww 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Morpheus#2005 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

hunternh 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

Estou criando uma calculadora de m2 e litros de tinta