BUG com RODAPE CSS em MENU JAVA

7 respostas
N

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]

7 Respostas

T

simples :smiley: .
Boa noite minha cara em primeiro lugar, em segundo na sua div reprodutiva troque o position:absolute por position:relative!

<div class="reprodutiva" style="position: relative; <p>Observei que no seu site todas aquelas barrinhas que se movem levam para a mesma pagina mas com couteúdos diferentes, o que leva a crer que toda essa unica pagina é baseada em uma função Jquery e sendo assim pensei que a cada botao clicado certas divs aparecem e outras desaparecem atraves do show() e hide() do Jquery, se voce deixasse a div reprodutiva como absolute o rodapé sempre permaneceria na mesma posição e quando quiser posicionar um rodapé no fim de cada conteudoda pagina, se esta for uma pagina que troca seus componentes baseado em uma função Jquery voce deve SEMPRE deixar todas as divs como relative pois o relative faz com que uma div seja posicionada baseado na posição das outras divs relative e deixando todas como relative o seu rodapé saberá que deve se posicionar ao fim de todas elas e a cada botao clicado algumas divs somem e outras aparecem entao o rodapé será posicionado ao fim de todas as divs relative que estiverem visiveis,abraços!</p>
N

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 &mdash; Matrizes &mdash; 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&Ccedil;&Atilde;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&iacute;ssima f&ecirc;mea, com gen&eacute;tica comprovada de grande import&acirc;ncia ao programa de cria&ccedil;&atilde;o do Rancho NH de privilegiada pelagem, Guadalupe Storm Cat possui atributos de temperamento e estrutura, combinando beleza e habilidade atl&eacute;tica.<br>
			  Seu av&ocirc; DOC RESPONSE &eacute; filho de um dos grandes reprodutores  *ETERNAL DOCTOR ((APHA) Importado, treinado nos EUA em Aparta&ccedil;&atilde;o e R&eacute;deas. L&iacute;der do Ranking de Reprodutor de Trabalho pelo 3&deg;ano consecutivos: 41 filhos pontuados em provas sendo 25 com registro de m&eacute;rito.<br>
			  Sua av&oacute; paterna &eacute; 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 &eacute;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&ccedil;&atilde;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&ecirc;mea</b><br>
Pelagem: <b>Alaz&atilde; Tobiana</b><br>
 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&uacute;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%">&nbsp;</td><td width="35%"></td>
		<td nowrap>Eternal Doctor (APHA)</td></tr><tr><td>&nbsp;</td>
		<td colspan="2" nowrap style="padding-left:30px;">Doc Response</td></tr><tr><td></td><td>&nbsp;</td>
		<td nowrap>Eva RA(QM)</td></tr><tr>
		  <td colspan="3" nowrap style="padding-left:70px;">Michel Response</td></tr><tr><td>&nbsp;</td><td></td>
		  <td nowrap>Bet I Can
(QM)</td></tr><tr><td>&nbsp;</td>
		  <td colspan="2" nowrap style="padding-left:30px;">Toya CMN
(QM)</td></tr><tr><td>&nbsp;</td><td>&nbsp;</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%">&nbsp;</td><td width="35%"></td>
	            <td nowrap>Colonel Combridge (AQHA) </td></tr><tr><td>&nbsp;</td>
	          <td colspan="2" nowrap style="padding-left:30px;">Freckles Storm Cat(APHA)</td></tr><tr><td>&nbsp;</td><td>&nbsp;</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>&nbsp;</td><td>&nbsp;</td>
	            <td nowrap>Scoth Par
(QM)</td></tr><tr><td>&nbsp;</td>
	            <td colspan="2" nowrap style="padding-left:30px;">Sasc's Sharon (QM)</td></tr><tr><td>&nbsp;</td><td>&nbsp;</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&atilde;e &eacute; filha do nada mais nada menos que Freckles Storm Cat , APHA. Importado. Nos EUA possuiu Registro de M&eacute;rito em R&eacute;deas (1995), Lifetime Performance Points (47), Reservado Campe&atilde;o Mundial de R&eacute;deas. No Brasil produziu animais pontuados em conforma&ccedil;&atilde;o e trabalho.</span></span></p>
		  <p>&nbsp;</p>
		  <p>Seu pai carrega nas veias o sangue de ETERNAL DOCTOR (APHA) Importado, nascido no Texas e treinado nos EUA em Aparta&ccedil;&atilde;o e R&eacute;deas. 2&ordm; lugar na I Etapa do I Campeonato de Conforma&ccedil;&atilde;o Classe Aberta. L&iacute;der do Ranking de Reprodutor de Trabalho pelo 3&deg;ano consecutivos: 41 filhos pontuados em provas sendo 25 com pontua&ccedil;&atilde;o para registro de m&eacute;rito.Produtor de Grandes Campe&otilde;es No Brasil, entre eles: CORONEL DOCTOR: Reservado Grande Campe&atilde;o no I Potro do Futuro Categoria Tr&ecirc;s tambores Classe Aberta, Grande Campe&atilde;o do II Campeonato Nacional de Trabalho Categoria Seis Balizas Classe Aberta; DOC SOCKS: Grande Campe&atilde;o do III Congresso Nacional de Trabalho das Categorias Seis Balizas e Tr&ecirc;s Tambores Classe Jovem Unificada, Grande Campe&atilde;o do II Campeonato Nacional de Trabalho da Categoria Jovem Unificada, SEXLADY ETERNAL TH: Grande Campe&atilde; do I Campeonato Nacional de Trabalho na Categoria Seis Balizas Classe Aberta e Amador, Reservada Grande Campe&atilde; do III Congresso Nacional de Trabalho na Categoria Tr&ecirc;s tambores Classes Amador, Jovem Unificado e Principiante, Reservada Grande Campe&atilde; do II Campeonato nacional de Trabalho Categoria Seis Balizas Classe Amador; MISS BEVERLY HILLS: Grande campe&atilde; do II Campeonato nacional de Conforma&ccedil;&atilde;o na Categoria, 1&ordm; lugar na I Etapa do I Campeonato Nacional de Trabalho Categoria R&eacute;deas Classe Aberta; APOLLO SOLANO DM: Grande campe&atilde;o do I Potro do Futuro de La&ccedil;o em Dupla P&eacute; t&eacute;cnico Classe Aberta; ESTRELA DE FOGO: Grande Campe&atilde; do II Potro do Futuro de Trabalho Categoria Tr&ecirc;s Tambores Classe Aberta; POWER DOC: Reservado Grande Campe&atilde;o do II Campeonato Nacional de Trabalho Categoria R&eacute;deas Classe Aberta, Reservado Grande Campe&atilde;o do III Congresso Nacional de Trabalho Categoria R&eacute;deas Classe Aberta, TARTUFO TT: Grande campe&atilde;o do II Campeonato Nacional de Trabalho Categoria La&ccedil;o em Dupla Classe Aberta. Em sua linha alta o legend&aacute;rio DOC BAR (Grande produtor Mundial de Aparta&ccedil;&atilde;o. Produtor de AA, Superior Halter, Superior Performance. Av&ocirc; Materno de AA. L&iacute;der de Estat&iacute;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&eacute;rito. Pai de DOC O&acute;LENA, DOC&acute;S LYN, DOC QUIXOTE, DOC TARI, DRY DOC, DOC&#148;S HICKORY, GENUINE DOC, DOC&acute;S MARMOSET, etc.</p>
		  <p>&nbsp;</p>
		  <p>Sua av&oacute; paterna &eacute; 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&eacute;m produtor de campe&otilde;es de vaquejada;, "Ronaldinho" - ganhador de mais de R$ 200 mil em pr&ecirc;mios, BET CAN BAR HSM - (3&ordm; lugar Potro do Futuro/06 Vaquejada Ab/Pux). Av&ocirc; de: GUERREIRO POWER MV(Garanh&atilde;o) - RM Vaquejada do Haras Monte Verde, EL BET ZORRERO HCM pontuado na ABQM. No Tambor produziu MALAGUETA CAN CMN Registro de m&eacute;rito superior em 3 tambores. &Eacute; produtor de v&aacute;rios AAA nos EUA.</p>
		  <p>&nbsp;</p>
		  <p>Al&eacute;m de possuir FRECKLES STORM CAT em suas veia materna possui tamb&eacute;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 &eacute; 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>&nbsp;</p>
		  <p>Possui tamb&eacute;m em seu sangue materno:</p>
		  <p>LAIKA US GERALDO: Produziu CHARLOTE LEO, Campe&atilde; Et. Circ. Reg. NQMRP Tr&ecirc;s Tambores (am.), 4x Res.Campe&atilde; e 3&ordm; L. Et. Circ. Reg. NQMRP Tr&ecirc;s Tambores (am.), 5,5 pts ABQM.<div class="line"></div> 
		  As qualidades como matriz de Guadalupe ser&aacute; feita na temporada de moa 2012-2013
		  <div class="line"></div></span></div>

						

		<!-- SHOW RECORD -->

		<div class="showrecord" style="position: relative;"><span>N&atilde;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">&copy; Copyright 2011-2012 Rancho NH&mdash;Quarto de Milha e Paint Horse</div>

</div><!-- fim div sombra-->

<script type="text/javascript"> Cufon.now(); </script>		

</body>

</html>
N

Devo estar esquecendo de alguma coisa já fiz varias modificações sem sucesso!

T

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

N

Já fiz varias modificações e nada.
Não faço ideia o porque do erro também.
Aguardo contato
Obrigada desde já
Abs

rock

só pra avisar, no navegador Firefox há outros problemas :frowning:

N

Qual o problema q aparece no firefox? Oba por relatar

Criado 6 de outubro de 2012
Ultima resposta 9 de out. de 2012
Respostas 7
Participantes 3