Boa noite! Estou precisando de ajuda com meu site que está tendo um bug no rodapé.
O link da pagina html é:
http://www.ranchonh.com.br/animais/guadalupe.html
O que acontece é que quando seleciono o botão VIDA REPRODUTIVA e o texto é grande o rodapé não vai para o final ele fica no meio do texto.
O que devo fazer?
Obrigada desde já
Meu email é [email removido]
BUG com RODAPE CSS em MENU JAVA
7 Respostas
simples
.
Boa noite minha cara em primeiro lugar, em segundo na sua div reprodutiva troque o position:absolute por position:relative!
Fiz isso mais continua com o mesmo problema!
Obrigada desde ja pela ajuda!!
Veja meu script CSS
/* Conteúdo protegido pela lei Nº 9.610/98 de Direitos Autorais. Proibida a cópia ou reprodução sem autorização.
---------------------------------------------------------------------------------------------------------------*/
/* RESET
---------------------------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align:baseline;
font-weight: normal;
list-style: none;
background-color: transparent;
}
img { border:none; }
strong, b { font-weight:bold; }
/* HTML
---------------------------------------------------------------------------------------------------------------*/
body { font-family:'PT Serif', Arial, serif; font-size:14px; color:#333; background:url(../img/bg1.jpg) repeat; }
a:visited, a:link { color:#930; text-decoration:none; }
a:hover, a:active { color:#000; text-decoration:none; }
h1 { color:#023807; font-size:26px; display:block; margin-bottom:20px; }
h2 { color:#57351a; font-size:26px; display:block; margin-bottom:20px; }
h3 { color:#532213; font-size:18px; display:block; margin-bottom:10px; }
h4 { color:#532213; font-size:17px; margin-bottom:8px; } /* titulos da home */
h5 { color:#900; font-size:25px; margin-bottom:20px; letter-spacing:-0.5pt; } /* titulo das novidades */
h6 { color:#57351a; font-size:33px; display:block; } /* nome dos animais */
/* LAYOUT
---------------------------------------------------------------------------------------------------------------*/
#barra {
width:100%;
background-image: url(../img/bg_sombra.png);
background-repeat: no-repeat;
background-position: center top;
}
#barra div { width:1000px; height:25px; margin:0 auto; overflow:hidden; background:url(../img/bg_barra.png) no-repeat; }
#barra .home { width:100px; float:left; margin:4px 0 0 20px; padding-left:15px; background:url(../img/ico_home.png) 0 3px no-repeat; opacity:0.5; filter:alpha(opacity=50); }
#barra .home:hover { opacity:1.0; filter:alpha(opacity=100); }
#barra .home a:link, #barra .home a:visited { display:block; color:#E2BA70; margin-top:5px; font-size:10px; text-decoration:none; }
#barra .lang { width:80px; float:right; display:block; }
#barra .lang img { display:block; float:left; margin:7px 20px 0 0; opacity:0.5; filter:alpha(opacity=50); }
#barra .lang img:hover { opacity:1.0; filter:alpha(opacity=100); }
#sombra { width:1020px; margin:0 auto; background:url(../img/bg_sombra.png) no-repeat; }
#topo { width:100%; height:170px; margin:0 auto; background:url(../img/bg_topo.png) no-repeat; }
#topo .slogan { width:100%; height:115px; margin:0 auto; overflow:hidden; }
#corpo { width:1000px; margin:0 auto; display:table; background:url(../img/bg_corpo.png) repeat-x; padding-bottom: 50px;}
#txt { width:95%; margin:0 auto 25px auto; position:relative;
}
#rodape {
width:100%; height:70px;
bottom: 0;
margin-top:35px; padding-top:20px;float:left; text-align: center; text-transform:uppercase; letter-spacing:1px; font-size:10px; color:#BEAC96; background:url(../img/bg_rodape.png) no-repeat; }
#rodape a:link, #rodape a:visited { color:#BEAC96; text-decoration:none; font-weight:bold; }
#rodape a:hover, #rodape a:active { color:#532213; }
h1.subtitle { float:left; margin-right:15px; padding:5px 0; }
h2.subtitle { float:left; padding:5px 0 5px 15px; border-left:#555 dotted 1px; }
/* MENU
---------------------------------------------------------------------------------------------------------------*/
#menu { width:100%; height:35px; margin:0 auto; }
/* código base */
#nav { display: block; margin: 0; padding: 0; position: relative; }
#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#nav a { display: block; }
#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #nav ul { line-height: 0; } /* IE6 "fix" */
#nav ul a { zoom: 1; } /* IE6/7 fix */
#nav ul li { float: none; }
#nav ul ul { top: 0; }
/* personalização */
#nav ul { width:120px; top:35px; }
#nav > li { margin:0 13px; padding:0 10px; }
#nav > li a:hover { color:#000; }
#nav a { color:#644424; font-size:13px; text-transform:uppercase; padding:13px 0 9px 0; }
#nav li.hover a { text-decoration:none; }
#nav ul li { margin-bottom:1px; white-space:nowrap; background:url(../img/bg_submenu.png) no-repeat; }
#nav ul li:hover{ background:url(../img/bg_submenu.png) 0 -35px no-repeat; }
#nav ul li a { text-transform:none; padding:9px 8px 7px 10px; }
#nav ul li a:visited, #nav ul li a:link { color:#E2BA70; font-size:13px; letter-spacing:0.5pt; }
#nav ul li a:hover { color:#FFF; }
/* personalização de idiomas */
#nav .english { margin:0 19px; }
#nav .espanol { margin:0 18px; }
/* HOME
---------------------------------------------------------------------------------------------------------------*/
#pg_home #txt { margin-bottom:0; }
#pg_home .destaque { width:1000px; height:305px; margin:-20px 0 15px -25px; background:url(../img/bg_slide.png) no-repeat; }
#pg_home .qdr_nov { float:left; width:31%; height:160px; padding:0 2% 0 0; margin-bottom:20px; font-size:12px; }
#pg_home .qdr_nov .novidade:visited, #pg_home .qdr_nov .novidade:link { color:#333; }
#pg_home .qdr_nov .novidade:hover { color:#930; }
#pg_home .qdr_guest { float:left; width:30%; height:160px; padding:0 2% 0 2%; margin-bottom:20px; font-size:12px; border-left:#999 dotted 1px; }
#pg_home .qdr_sale { float:left; width:30%; height:160px; padding:0 0 0 2%; margin-bottom:20px; font-size:12px; border-left:#999 dotted 1px; }
#pg_home .qdr_sale .thumb_crop { width:85px; height:120px; border:#FFF solid 4px; overflow:hidden; }
#pg_home .qdr_sale .thumb_crop img { width:85px; height:120px; opacity:1.0; filter:alpha(opacity=100); }
/*#pg_home .qdr_sale span { color:inherit; white-space:nowrap; }*/
#pg_home .qdr_sale i { color:#930; font-style:normal; }
#pg_home .sidebar { width:950px; height:75px; padding:15px 25px; margin:0 0 0 -25px; font-size:12px; display:block; clear:both; background:url(../img/bg_home_sidebar.png); }
#pg_home .sidebar h4{ font-size:14px; }
#pg_home .qdr_dogo { float:left; width:31%; padding:0 2% 0 0; }
#pg_home .qdr_dogo img { float:left; margin-right:10px; }
#pg_home .qdr_girolando{ float:left; width:25%; padding:0 2% 0 2%; }
#pg_home .qdr_counter {float:left; width:31%; padding:0 2% 0 0; }
#pg_home .qdr_news { float:left; width:30%; padding:0 0 0 2%; }
#pg_home #rodape { margin-top:0; }
#pg_home .frm_default input[type=text], #pg_home .frm_default input[type=submit] { margin-top:5px; margin-bottom:0; }
#pg_home .frm_default input[type=submit] { color:#FFF; background-color:#B5A693; border-color:#B5A693; margin-right:0; padding:5px 5px 3px 5px; vertical-align:top; }
#pg_home .frm_default input[type=submit]:hover { background-color:#603; border-color:#603; }
#pg_home #frmNewsletter input[type=text] { float:left; font-size:12px; padding:4px 0 4px 5px; margin-right:5px; }
/* HARAS
---------------------------------------------------------------------------------------------------------------*/
#txt .texto { float:left; width:63%; clear:both; line-height:23px; font-size:15px; }
#txt .fotos { float:left; width:32%; margin-left:5%; }
#txt .avancar { float:left; width:47%; display:block; font-size:14px; padding-right:3%; background:url(../img/btn_proxima.png) right 6px no-repeat; text-align:right; }
#txt .voltar { float:left; width:47%; display:block; font-size:14px; padding-left:3%; background:url(../img/btn_anterior.png) left 6px no-repeat; }
/* ANIMAIS
---------------------------------------------------------------------------------------------------------------*/
/* índice */
#txt .qdr_foto_crop { width:230px; overflow:hidden; border:#FFF solid 2px; background-color:#FFF; }
#txt .qdr_foto_borda { float:left; clear:both; height:400px; margin-right:25px; border:#bb7551 solid 12px; background:url(../img/bg2.jpg) left 6px repeat; }
#txt .qdr_foto_nome { width:254px; top:420px; left:0; position:absolute; z-index:1; text-align:center; white-space:nowrap; }
#txt .qdr_foto_nome h6 { font-size:25px; }
#txt .qdr_foto_nome span { display:block; white-space:nowrap; }
#txt .filiacao { color:#930; display:block; font-size:13px; font-style:italic; }
#txt .qdr_info { width:70%; float:left; display:block; line-height:20px; }
#txt .qdr_info_vend { width:65%; float:right; display:block; margin-right:5px; color:#532213; font-style:italic; text-align:right; }
#txt .coluna { width:33%; float:left; margin:5px 0 10px 0; }
#txt .qdr_venda { display:block; clear:both; }
#txt .qdr_venda .coluna { width:34%; float:left; display:block; }
#txt .qdr_venda .centro { width:29%; float:left; margin-left:2%; }
#txt .qdr_venda .qdr_foto_nome { left:345px; }
/* página do animal */
.submenu { display:block; float:right; list-style:none; margin-top:5px; background:url(../img/bg_transp_branco.png); }
.submenu li { color:#999; float:left; padding:7px 15px; font-size:12px; text-transform:uppercase; position:relative; z-index:4; }
.submenu li a { color:#765C21; text-decoration:none; }
.submenu li a:hover { color:#000; }
.submenu li.backLava { z-index:3; position:absolute; background-color:#FFF; }
#pg_animal .perfil { width:100%; display:block; position:relative; }
#pg_animal .perfil .qdr_1 { width:55%; float:left; display:block; position:relative; }
#pg_animal .perfil .qdr_2 { width:37%; float:left; display:block; margin-left:3%; padding-left:4%; padding-bottom:20px; background:url(../img/bg_perfil.png) left center no-repeat; position:relative; }
#pg_animal .obs { width:95%; display:table; clear:both; padding:5px 10px; font-style:italic; color:#930; border:#D6C7B1 solid 1px; background:url(../img/bg_transp_branco.png); }
#pg_animal .obs b { color:#B3976C; font-size:14px; margin:-22px 0 0 -10px; position:absolute; }
#pg_animal .btn_perfil { display:block; padding-left:20px; background:url(../img/btn_perfil.png) 0 2px no-repeat; }
#pg_animal .btn_imprimir { display:block; padding-left:20px; background:url(../img/btn_print.png) 0 2px no-repeat; margin:10px 0; }
#pg_animal .btn_fav { display:block; padding-left:20px; background:url(../img/btn_fav.png) 0 2px no-repeat; }
#pg_animal .qdr_link_indice { float:left; clear:both; display:block; padding:15px 0 0 17px; background:url(../img/btn_anterior.png) 0 15px no-repeat; }
#pg_animal .tbl_pedigree { width:670px; font-style:italic; font-size:16px; color:#532213; background:url(../img/bg_pedigree.png) no-repeat; }
#pg_animal .tbl_pedigree b { font-size:20px; text-transform:none; }
#pg_animal .reprodutiva { width:100%; font-size:16px; position:relative; }
#pg_animal .showrecord { width:100%; color:#333; font-size:17px; white-space:nowrap; text-align:center; padding-top:25px; position:relative; }
#pg_animal .showrecordabqm { width:100%; color:#333; font-size:12px; white-space:nowrap; text-align:center; padding-top:25px; }
#pg_animal.quadrotituloabqm { width:100%; background:#f7f7f7; color:#333; font-size:12px; white-space:nowrap; text-align:center; padding-top:25px; }
#pg_animal.quadroabqm { width:100%; color:#333; font-size:10px; white-space:nowrap; text-align:center; padding-top:25px; }
#pg_animal .fotos { width:100%; display:block; }
#pg_animal .thumb_crop { width:100px; height:100px; }
#pg_animal .thumb_borda { margin:0 14px 14px 0; }
#pg_animal .qdr_info iframe { margin-left:25px; }
#pg_animal .videos_indice { width:640px; height:80px; padding:10px 0; margin:390px 0 0 25px; letter-spacing:14px; text-align:left; white-space:nowrap; }
#pg_animal .video_crop { width:110px; height:75px; overflow:hidden; border:0; background-position:center; }
#pg_animal .video_borda { display:inline-block; float:none; margin:0; border:#FFF solid 2px; }
/* perfil completo */
#pg_ficha .logo { width:670px; height:100px; margin:25px 0; float:left; }
#pg_ficha .logo img { float:left; margin-right:50px; }
#pg_ficha .logo .subtitle { margin-top:35px; }
#pg_ficha .qdr_foto_nome { width:254px; top:510px; left:0; position:absolute; z-index:1; text-align:center; white-space:nowrap; }
#pg_ficha .perfil { width:100%; display:table; }
#pg_ficha .perfil .qdr_1 { width:55%; float:left; display:block; }
#pg_ficha .perfil .qdr_2 { width:37%; height:350px; float:left; display:block; margin-left:3%; padding-left:4%; padding-bottom:20px; background:url(../img/bg_perfil.png) left center no-repeat; }
#pg_ficha .obs { width:95%; display:table; clear:both; padding:5px 10px; font-style:italic; color:#930; border:#D6C7B1 solid 1px; background:url(../img/bg_transp_branco.png); }
#pg_ficha .obs b { color:#B3976C; font-size:14px; margin:-22px 0 0 -10px; position:absolute; }
#pg_ficha .btn_imprimir { width:120px; float:left; display:block; margin:70px 0 0 100px; padding-left:20px; background:url(../img/btn_print.png) 0 2px no-repeat; }
#pg_ficha .pedigree { display:block; float:left; }
#pg_ficha .tbl_pedigree { width:670px; font-style:italic; font-size:18px; color:#532213; background:url(../img/bg_pedigree.png) no-repeat; }
#pg_ficha .tbl_pedigree b { font-size:20px; text-transform:none; }
#pg_ficha .showrecord { color:#333; }
#pg_ficha .qdr_info { height:450px; }
#pg_ficha .col_left { width:250px; float:left; margin-right:30px; }
/* OUTRAS PÁGINAS
---------------------------------------------------------------------------------------------------------------*/
/* guestbook */
#guest_esq { float:left; width:65%; }
#guest_esq .nome { display:block; padding-left:20px; font-size:18px; color:#000; background:url(../img/ico_talk.png) 0 3px no-repeat; }
#guest_esq .recado { color:#555; }
#guest_esq b { font-size:11px; }
#guest_dir { float:left; width:25%; padding:2%; margin-left:5%; border:#FFF solid 1px; background:url(../img/bg_transp_branco.png); }
#guest_dir h3 { color:#800040; }
/* novidades */
#txt_area img { border:#FFF solid 7px; margin:10px; }
#txt_area .imgtxt img { float:left; border:#FFF solid 7px; margin:0 25px 25px 0; }
#txt_area .imgtxt a { cursor:-moz-zoom-in; }
#txt_area .imgtxt span { display:block; float:left; clear:both; padding-left:19px; margin:-20px 0 20px 0; color:#777; font-size:11px; background:url(../img/ico_zoom.png) no-repeat; }
/* dicas */
#pg_dicas .col_esq { width:35%; float:left; margin-right:4%; border-right:#FFF dotted 1px; }
#pg_dicas .col_esq .qdr { height:115px; font-size:12px; color:#555; line-height:19px; }
#pg_dicas .col_esq .qdr a { display:block; font-size:20px; line-height:30px; font-weight:normal; }
#pg_dicas .col_dir { width:60%; float:left; }
#pg_dicas .col_dir .qdr { width:45%; height:225px; margin-right:5%; float:left; display:block; color:#777; }
#pg_dicas .col_dir span { display:block; text-transform:uppercase; color:#532213; }
/* galeria */
.qdr_galeria { display:table; height:300px; }
.qdr_galeria h5 { margin-bottom:0; }
.qdr_galeria .item { width:32%; display:table; float:left; height:80px; margin-bottom:15px; margin-right:1%; color:#777; }
.qdr_galeria .item h3 { margin-bottom:3px; }
.qdr_galeria .item b { color:#000; }
.qdr_galeria .txtgal { width:30%; float:left; margin:0 40px 20px 0; }
/* busca */
#txt .qdr_busca .coluna { width:25%; float:left; margin-bottom:25px; }
#txt .qdr_busca #frmBusca input[type=submit] { padding:4px 12px; vertical-align:top; }
/* MINIATURAS
--------------------------------------------------------------------------------------------------------------*/
.thumb_crop { width:75px; height:75px; overflow:hidden; border:#FFF solid 7px; background-color:#EEE; background-position:center; }
.thumb_crop img { opacity:0; filter:alpha(opacity=0); }
.thumb_crop img:hover { opacity:1; filter:alpha(opacity=50); }
.thumb_borda { float:left; margin:0 10px 10px 0; border:#DCD0BE solid 1px; }
.thumb_borda:hover { border:#000 solid 1px; }
.video_crop { width:120px; height:90px; overflow:hidden; border:#FFF solid 5px; background-color:#CCC; }
.video_crop img { opacity:0; filter:alpha(opacity=0); }
.video_crop img:hover { opacity:1; filter:alpha(opacity=50); }
.video_borda { float:left; margin:0 20px 20px 0; border:#DCD0BE solid 1px; }
.video_borda:hover { border:#000 solid 1px; }
/* UTILIDADES
---------------------------------------------------------------------------------------------------------------*/
.txt_0 { font-size: 14px; }
.txt_p { font-size: 11px; }
.txt_m { font-size: 15px; }
.txt_g { font-size: 18px; }
.txt_seo:visited, .txt_seo:link, .txt_seo:hover, .txt_seo:active { color:#90a2a5; text-decoration:none; }
.txt_info { font-size:14px; color:#903; font-weight:normal; line-height:25px; padding-left:20px; background:url(../img/ico_info.png) 0 2px no-repeat; }
.line { width:auto; border-top:#999 dotted 1px; margin-top:5px; margin-bottom:5px; }
.marcador { width:12px; height:19px; float:left; background:url(../img/marcador.png) 0 4px no-repeat; }
.btn_voltar { float:left; clear:both; display:block; margin-top:10px; padding-left:17px; background:url(../img/btn_anterior.png) left 4px no-repeat;}
.ico_social { width:16px; height:16px; margin-right:15px; float:left; overflow:hidden; }
.qdr_code { width:80px; background-color:#FFFFDD; border:#FFCC00 solid 1px; padding:3px; margin:5px 15px 0 0; float:left; text-align:center; font-size:18px; font-weight:bold; color:#F30;}
.input_code { height:23px; _height:33px; padding-top:5px; text-align:center; text-transform:uppercase; margin-top:5px; }
#paginacao { clear:both; color:#CCC; }
#paginacao.indice { border-top:#999 dotted 1px; padding-top:5px; }
#paginacao a { display:block; float:left; padding:0 7px; border-left:#999 dotted 1px; margin-bottom:10px; }
#paginacao a:visited, #paginacao a:link { color:#532213; text-decoration:none; }
#paginacao a:hover { color:#000; text-decoration:none; }
#semtraducao { display:block; border:#FFF solid 1px; padding:3px 10px; font-size:14px; margin-bottom:20px; background:url(../img/bg_transp_branco.png); }
/* FORMULARIOS
---------------------------------------------------------------------------------------------------------------*/
.frm_default { color:#555; }
.frm_default input[type=text], .frm_default input[type=password], .frm_default textarea, .frm_default select, .frm_default file {
font-family:Arial,Helvetica, sans-serif; color:#000; font-size:15px; padding:3px 0 3px 5px; margin-bottom:10px; border:#FFF solid 1px; background-color:#FFF; opacity:0.6; filter:alpha(opacity=60); }
.frm_default textarea { font-size:12px; }
.frm_default input[type=text]:focus, .frm_default input[type=password]:focus, .frm_default textarea:focus, .frm_default select:focus, .frm_default file:focus {
border:#FFF solid 1px; opacity:1.0; filter:alpha(opacity=100); }
.frm_default input[type=submit], .frm_default input[type=reset], .frm_default input[type=button] {
font-family: "PT Serif", Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; padding:3px 12px 2px 12px; color:#CCC; background-color:#603; border:#603 solid 1px; margin-right:10px; }
.frm_default input[type=submit]:hover, .frm_default input[type=reset]:hover, .frm_default input[type=button]:hover { color:#FFF; }
/* form de contato */
#frmContato { font-size:13px; }
#frmContato i { font-weight:normal; }
#frmContato input[type=text], #frmContato textarea { margin-bottom:15px; }
/* HACKS
---------------------------------------------------------------------------------------------------------------*/
/* IE (inhaca) HACKS */
#nav a { padding:12px 0 9px 0\9 } /* IE fix */
#nav ul li a { color:#333; font-size:13px; letter-spacing:0; }
/* CHROME HACKS */
@media screen and (-webkit-min-device-pixel-ratio:0) {
}
E agora o HTML da pagina
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Rancho NH — Matrizes — Guadalupe Storm Cat</title>
<meta http-equiv="content-language" content="pt-br">
<meta http-equiv="imagetoolbar" content="no">
<meta name="robots" content="index, follow">
<meta name="googlebot" content="noodp, noarchive, noimageindex">
<meta name="slurp" content="noodp, noarchive, noimageindex">
<meta name="msnbot" content="noodp, noarchive, noimageindex">
<meta name="revisit-after" content="5 days">
<meta name="rating" content="general">
<link rel="shortcut icon" type="text/css" href="../favicon.ico">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=PT+Serif:regular,italic,bold,bolditalic">
<link rel="stylesheet" type="text/css" href="../inc/jquery/avia/style.css">
<link rel="stylesheet" type="text/css" href="../inc/jquery/colorbox/colorbox.css">
<link rel="stylesheet" type="text/css" href="../inc/site.css">
<script type="text/javascript" src="../inc/jquery/jquery.js"></script>
<script type="text/javascript" src="../inc/jquery/droppy.js"></script>
<script type="text/javascript" src="../inc/jquery/avia/slider.js"></script>
<script type="text/javascript" src="../inc/jquery/cufon/cufon-yui.js"></script>
<script type="text/javascript" src="../inc/jquery/cufon/cufon-font.js"></script>
<script type="text/javascript" src="../inc/jquery/colorbox\colorbox.js"></script>
<script type="text/javascript" src="../inc/jquery\cycle.js"></script>
<script type="text/javascript" src="../inc/site.js"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-34539208-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<script type="text/javascript" src="..\inc\jquery\easing.js"></script>
<script type="text/javascript" src="..\inc\jquery\lavalamp.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#pg_animal .submenu").lavaLamp({ fx:'easeInOutExpo', autoReturn:true, speed:500, startItem:0 });
});
</script>
</head>
<body id="pg_animal">
<div id="barra"><div>
<div class="home"><a href="../index.html" title="Home">HOME</a></div>
</div></div>
<div id="sombra"><div id="corpo">
<div id="topo">
<div class="slogan"><a href="..\index.html"><img src="..\img\slogan_br.png"></a></div>
<!-- MENU / PORTUGUÊS -->
<div id="menu">
<ul id="nav">
<li><a href="javascript:;">Quem Somos</a><ul>
<li><a href="aguardem.html">Apresentação</a></li>
<li><a href="aguardem.html">Histórico</a></li>
<li><a href="aguardem.html">Infraestrutura</a></li>
<li><a href="aguardem.html">Baias</a></li>
<li><a href="aguardem.html">Picadeiro</a></li>
<li><a href="aguardem.html">Ambiente</a></li>
<li><a href="aguardem.html">Nossa Equipe</a></li>
<li><a href="aguardem.html">Localização</a></li>
</ul></li>
<li><a href="javascript:;">Nossos Animais</a><ul>
<li><a href="garanhoes.html">Garanhões</a></li>
<li><a href="matrizes.html">Matrizes</a></li>
<li><a href="aguardem.html">Potros</a></li>
<li><a href="aguardem.html">Potrancas</a></li>
<li><a href="aguardem.html">Castrados</a></li>
<li><a href="aguardem.html">À Venda</a></li>
<li><a href="aguardem.html">Mestiços</a></li>
</ul></li>
<li><a href="..\novidades.php">Novidades</a></li>
<li><a href="..\index.php"><img src="..\img\pixel.png" style="width:112px; height:13px;"></a></li>
<li><a href="aguardem.html">Dicas de CriaÇÃo</a></li>
<li><a href="javascript:;">Extras</a><ul>
<li><a href="aguardem.html">Livro de Visitas</a></li>
<li><a href="aguardem.html">Galeria</a></li>
<li><a href="aguardem.html">Downloads</a></li>
<li><a href="aguardem.html">Newsletter</a></li>
<li><a href="aguardem.html">Busca no site</a></li>
<li><a href="aguardem.html">Girolando NH</a></li>
</ul></li>
<li><a href="../contato/fale.html">Fale Conosco</a></li>
</ul>
</div>
</div>
<div id="txt">
<h1 class="subtitle">Animais</h1><h2 class="subtitle">Matrizes</h2>
<!-- SUBMENU -->
<ul class="submenu">
<li id="showPerfil"><a href="javascript:;">Perfil</a></li>
<li id="showPedigree"><a href="javascript:;">Pedigree</a></li>
<li id="showFotos"><a href="javascript:;">Fotos</a></li>
<li id="showVideos"><a href="javascript:;">Vídeos</a></li>
<li id="showVidaRep"><a href="javascript:;">Vida Reprodutiva</a></li>
<li id="showRecord"><a href="javascript:;">Show Record</a></li>
</ul>
<div class="qdr_foto_borda"><div class="qdr_foto_crop"><img src="../_upload/animais/guadalupe_red.jpg"></div></div>
<div class="qdr_foto_nome">
<h6 id="displaynome">GUADALUPE</h6>
<span class="filiacao">Michel Response x Milena Storm Cat</span></div>
<div class="qdr_info">
<!-- PERFIL -->
<div class="perfil" style="position: relative;">
<div class="qdr_1">
<p>Belíssima fêmea, com genética comprovada de grande importância ao programa de criação do Rancho NH de privilegiada pelagem, Guadalupe Storm Cat possui atributos de temperamento e estrutura, combinando beleza e habilidade atlética.<br>
Seu avô DOC RESPONSE é filho de um dos grandes reprodutores *ETERNAL DOCTOR ((APHA) Importado, treinado nos EUA em Apartação e Rédeas. Líder do Ranking de Reprodutor de Trabalho pelo 3°ano consecutivos: 41 filhos pontuados em provas sendo 25 com registro de mérito.<br>
Sua avó paterna é TOYA CMN, uma filha do grande produtor BET I CAN, AAAT-101, Importado dos EUA, que produziu na VAQUEJADA, Tambor, produtor de vários AAA nos EUA descendente de Dash For Cash.
<br>
Milena Storm Cat, filha de Freckles Storm Cat , APHA, Importado, nos EUA possuiu RM em Rédeas, Reservado Campeão Mundial de Rédeas. No Brasil produziu animais pontuados em conformação e trabalho.Em uma égua filha de SCOTH PAR: Campeão PF/80, produtor de animais pontuados em Conformação e Team Penning, filho de MR PAR THREE: um dos reprodutores mais versátil do Brasil tendo produzido campeões de trabalho, apartação, corrida e conformação. </p>
<p><br>
</p>
<div class="obs"><b>Observações</b>Team Penning / Tambor</div>
</div>
<div class="qdr_2">
Sexo: <b>Fêmea</b><br>
Pelagem: <b>Alazã Tobiana</b><br>
Nº Registro: <b>P04549</b><br>
Nascimento: <b>05/12/02</b><br><br>Criador:<br>
<b>Fazenda Santana do Quilombo</b><br><br>
Proprietário:<br>
<b>Rancho NH - Humberto Lacerda Folly</b><br>
<b>Porciúncula - RJ - Brasil</b><br><br>
<span class="btn_fav"><a href="http://www.ranchonh.com.br/animais/animal.asp?cat=1&cod=1&tit=dinamarca" title="Rancho NH - Matrizes - Dinamarca" id="addfav">Favorito</a></span>
<br>
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e5cdfdd3b268b2a"></script>
<!-- AddThis Button END -->
</div>
</div>
<!-- PEDIGREE -->
<div class="pedigree" style="position: relative;"><table class="tbl_pedigree" cellpadding="0" cellspacing="0"><tr><td colspan="3"><table width="100%" height="195" cellpadding="0" cellspacing="0"><tr><td width="30%"> </td><td width="35%"></td>
<td nowrap>Eternal Doctor (APHA)</td></tr><tr><td> </td>
<td colspan="2" nowrap style="padding-left:30px;">Doc Response</td></tr><tr><td></td><td> </td>
<td nowrap>Eva RA(QM)</td></tr><tr>
<td colspan="3" nowrap style="padding-left:70px;">Michel Response</td></tr><tr><td> </td><td></td>
<td nowrap>Bet I Can
(QM)</td></tr><tr><td> </td>
<td colspan="2" nowrap style="padding-left:30px;">Toya CMN
(QM)</td></tr><tr><td> </td><td> </td>
<td nowrap>Scam Fancy JA (QM)</td></tr></table>
<b>Guadalupe Storm Cat</b>
<table width="100%" height="195" cellpadding="0" cellspacing="0"><tr><td width="30%"> </td><td width="35%"></td>
<td nowrap>Colonel Combridge (AQHA) </td></tr><tr><td> </td>
<td colspan="2" nowrap style="padding-left:30px;">Freckles Storm Cat(APHA)</td></tr><tr><td> </td><td> </td>
<td nowrap>Spur Tomcat Kitty
(APHA)</td></tr><tr>
<td colspan="3" nowrap style="padding-left:70px;">Milena Storm Cat</td></tr><tr><td> </td><td> </td>
<td nowrap>Scoth Par
(QM)</td></tr><tr><td> </td>
<td colspan="2" nowrap style="padding-left:30px;">Sasc's Sharon (QM)</td></tr><tr><td> </td><td> </td>
<td nowrap>Laika Us Geraldo
(QM)</td></tr></table>
<span class="txt_info">(QM) - Quarto de Milha - Brasil / (AQHA) - American Quarter Horse / (APHA) - American Paint Horse</span></td></tr></table></div>
<!-- FOTOS -->
<div class="fotos" style="position: relative;">
<div class="thumb_borda"><div class="thumb_crop" style="background-image:url(../_upload/galeria/guadalupe-01_thumb.jpg);"><a href="../_upload/galeria/guadalupe-01.jpg" rel="fotos" title="Elan em Setembro de 2012 no Rancho NH"><img src="../img/hover_foto_100.png"></a></div></div>
</div>
<!-- VIDEOS -->
<div class="videos" style="position: relative;">
<div class="videos_container"> EM BREVE
</div>
<div class="videos_indice">
<div class="video_borda"> EM BREVE</div>
</div>
</div>
<!-- VIDA REPRODUTIVA -->
<div class="reprodutiva" style="position: relative;"><span>Seu mãe é filha do nada mais nada menos que Freckles Storm Cat , APHA. Importado. Nos EUA possuiu Registro de Mérito em Rédeas (1995), Lifetime Performance Points (47), Reservado Campeão Mundial de Rédeas. No Brasil produziu animais pontuados em conformação e trabalho.</span></span></p>
<p> </p>
<p>Seu pai carrega nas veias o sangue de ETERNAL DOCTOR (APHA) Importado, nascido no Texas e treinado nos EUA em Apartação e Rédeas. 2º lugar na I Etapa do I Campeonato de Conformação Classe Aberta. Líder do Ranking de Reprodutor de Trabalho pelo 3°ano consecutivos: 41 filhos pontuados em provas sendo 25 com pontuação para registro de mérito.Produtor de Grandes Campeões No Brasil, entre eles: CORONEL DOCTOR: Reservado Grande Campeão no I Potro do Futuro Categoria Três tambores Classe Aberta, Grande Campeão do II Campeonato Nacional de Trabalho Categoria Seis Balizas Classe Aberta; DOC SOCKS: Grande Campeão do III Congresso Nacional de Trabalho das Categorias Seis Balizas e Três Tambores Classe Jovem Unificada, Grande Campeão do II Campeonato Nacional de Trabalho da Categoria Jovem Unificada, SEXLADY ETERNAL TH: Grande Campeã do I Campeonato Nacional de Trabalho na Categoria Seis Balizas Classe Aberta e Amador, Reservada Grande Campeã do III Congresso Nacional de Trabalho na Categoria Três tambores Classes Amador, Jovem Unificado e Principiante, Reservada Grande Campeã do II Campeonato nacional de Trabalho Categoria Seis Balizas Classe Amador; MISS BEVERLY HILLS: Grande campeã do II Campeonato nacional de Conformação na Categoria, 1º lugar na I Etapa do I Campeonato Nacional de Trabalho Categoria Rédeas Classe Aberta; APOLLO SOLANO DM: Grande campeão do I Potro do Futuro de Laço em Dupla Pé técnico Classe Aberta; ESTRELA DE FOGO: Grande Campeã do II Potro do Futuro de Trabalho Categoria Três Tambores Classe Aberta; POWER DOC: Reservado Grande Campeão do II Campeonato Nacional de Trabalho Categoria Rédeas Classe Aberta, Reservado Grande Campeão do III Congresso Nacional de Trabalho Categoria Rédeas Classe Aberta, TARTUFO TT: Grande campeão do II Campeonato Nacional de Trabalho Categoria Laço em Dupla Classe Aberta. Em sua linha alta o legendário DOC BAR (Grande produtor Mundial de Apartação. Produtor de AA, Superior Halter, Superior Performance. Avô Materno de AA. Líder de Estatísticas. Produziu 36 AQHA Champion, 04 NCHA Futurity Champion, 7 NCHA Hall Of Fame, 18 NCHA Silver Awards, 3 NCHA World Champion e 118 Registros de Mérito. Pai de DOC O´LENA, DOC´S LYN, DOC QUIXOTE, DOC TARI, DRY DOC, DOC”S HICKORY, GENUINE DOC, DOC´S MARMOSET, etc.</p>
<p> </p>
<p>Sua avó paterna é TOYA CMN, uma filha do grande produtor BET I CAN, AAAT-101 (AQHA-1982). Importado dos EUA, pelo Haras Montecristo. Obteve 5 vits. Na VAQUEJADA produziu: BET BLACK de Geraldo Guerra, também produtor de campeões de vaquejada;, "Ronaldinho" - ganhador de mais de R$ 200 mil em prêmios, BET CAN BAR HSM - (3º lugar Potro do Futuro/06 Vaquejada Ab/Pux). Avô de: GUERREIRO POWER MV(Garanhão) - RM Vaquejada do Haras Monte Verde, EL BET ZORRERO HCM pontuado na ABQM. No Tambor produziu MALAGUETA CAN CMN Registro de mérito superior em 3 tambores. É produtor de vários AAA nos EUA.</p>
<p> </p>
<p>Além de possuir FRECKLES STORM CAT em suas veia materna possui também:<br>
SCOTH PAR: Campeão Potro do Futuro/80, Campeão em Ribeirão Preto 84/85. Produtor de animais pontuados em Conformação. Produtor de N.C. Conformação (ELITE PAR HC), SCOTH JR EM (Conformação Nacional/97 Team Penning Jovem), NAPOLY PAR CHICK (Campeão Nacional Team Penning Jovem) que é filho de:<br />
MR PAR THREE: Campeão Nacional de Conformação. Um dos reprodutores mais versátil do Brasil tendo produzido campeões de trabalho, corrida e conformação, com destaque para<br />
MISS YOUNG PAR PH, Campeã Nacional de Conformação: NINA PAR PH, Campeã Nacional de Conformação; SHADY PPAR PH Bi Campeã Nacional de Apartação: PAN CHICK<br />
PH, Campeã de Apartação; DECKS PAR PH, AAAT-103; STAR PAR PH, AAA-98; COWBOY PAR, Campeão Derby ANCA. Avô materno de vários campeões de trabalho, como<br />
BILLYS DREAM, Campeã Super Stakes ANCA, LITTLE SUPER PH, Campeão Snaffle Bit ANCR, LITTLE BLACK PH, Campeão Potro do Futuro ABQM Apartação, etc...</p>
<p> </p>
<p>Possui também em seu sangue materno:</p>
<p>LAIKA US GERALDO: Produziu CHARLOTE LEO, Campeã Et. Circ. Reg. NQMRP Três Tambores (am.), 4x Res.Campeã e 3º L. Et. Circ. Reg. NQMRP Três Tambores (am.), 5,5 pts ABQM.<div class="line"></div>
As qualidades como matriz de Guadalupe será feita na temporada de moa 2012-2013
<div class="line"></div></span></div>
<!-- SHOW RECORD -->
<div class="showrecord" style="position: relative;"><span>Não participou de nenhum prova oficial da ABCPAINT</span></div>
</div>
<div class="qdr_link_indice"><a href="index.html" class="txt_p"><b>Índice</b></a></div>
</div> <!-- fim div txt-->
</div> <!-- fim div corpo-->
<div id="rodape">© Copyright 2011-2012 Rancho NH—Quarto de Milha e Paint Horse</div>
</div><!-- fim div sombra-->
<script type="text/javascript"> Cufon.now(); </script>
</body>
</html>
Devo estar esquecendo de alguma coisa já fiz varias modificações sem sucesso!
Eu não consigo entender porque o que eu te passei nao deu certo, imagine que suas divs sao controladas pela função Jquery e portanto ao clicar em determinado botão algumas somem e outras aparecem sendo assim tornar todas elas como relative e jogando o rodapé ao fim da div corpo deveria dar certo, eu inclusive testei no inspector do chrome e deu certo, eu nao entendo, vou ver se descubro algo
Abraços
Já fiz varias modificações e nada.
Não faço ideia o porque do erro também.
Aguardo contato
Obrigada desde já
Abs
só pra avisar, no navegador Firefox há outros problemas 
Qual o problema q aparece no firefox? Oba por relatar