Ir para conteúdo

Arquivado

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

Cazanova

Botão não funciona no Firefox

Recommended Posts

To tento um probleminha incompreensivel !

No IE funciona perfeito o botão, mas no firefox não aparece o cursor e nem executa a operação.

 

http://diegodiehl.awardspace.com/content/home/index.htm

 

Meu código

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 	<html>		<head> 			<title>CSS Layout</title> 			<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>			<!--[if lte IE 6]> 				<style> 					#content, #wrapside1, #side1, #wrapside2, #side2 { 						padding-bottom: 1000.5em; 					} 				</style>			<![endif]--> 			<style>				html, body {					margin: 0;					padding: 0;					min-height: 100%;				}				body {					font: normal 11px "Trebuchet MS",Verdana,sans-serif;				}				/* LAYOUT */ 				#container { 					min-width: 620px; /* LARGURA MÍNIMA NO VIEWPORT */ 					background-image: url(../../imagens/topo/bg.png);					background-repeat: repeat-x;					min-height: 100%;					height: 100%;					padding-bottom: 161px;				} 				/* COLUNAS C/ALTURAS IGUAIS */ 				#wrapper { 					overflow: hidden;				} 				#content, #wrapside1, #side1, #wrapside2, #side2 { 					padding-bottom: 1001em; 					margin-bottom: -1000em 					/* padding-bottom efetivo = padding bottom + margin-bottom = 1em */ 				} 								#wrapside1 { 					float: left; 					width: 50%; 					margin-left: -358px;				} 				#side1 { 					margin-left: 358px;				} 				#content { 					float: left; 					width: 716px; 				} 				#wrapside2 { 					float: right; 					width: 50%; /* 49.5 CORREÇÃO DE ERRO DE ARREDONDAMENTO */ 					margin-left: -358px; 				} 				#side2 { 					margin-left: 358px;				} 				#footer { 					width: 100%;					background-image: url(../../imagens/footer/bg.png);					background-repeat: repeat-x;					position: absolute;					height: 161px;					text-align: center;					color: #FFFFFF;					_left: 0;				}				#footer a {					color: #FFFFFF;				}				#contentFooter{					padding-top: 102px;					margin-left: -590px;				}				#endFooter{					text-align: left;					position: absolute;					padding-left: 10px;					_padding-left: 0px;				}				.floatLeft{					float:left				}				img, .noBorder, form {					border: 0;					margin: 0;					padding: 0;				}				a:hover{					text-decoration: underline;				}				a{					text-decoration:none;				}				.bgMarinho{									}				#menu{					height: 190px;				}				#line2{					height: 30px;					background-color: #271956;					text-align: center;				}				.hackSubMenu{					margin-top: -4px;					_margin-top: 0px;				}				input{					border-style:solid;					border-width: 1px;					border-color: #E5E5E5;					color: #000066;					font-family:"Trebuchet MS", Verdana, Arial;					font-size: 11px;				}				#bgHomeImoveisDestaque{					background-image: url(../../imagens/line_3/bg_imoveisDestaque.png);					background-repeat: repeat-x;				}				.bgWhite{					 background-color: #FFFFFF				}			</style>			<script>				window.onload = function() {					document.getElementById('footer').style.top = (document.body.clientHeight - 161) + "px";				}				function doLogin(){					alert('BT LOGIN');				}			</script></head> 	<body>		<div id="container">			<div id="wrapper">				<div id="wrapside1">					<div id="side1"><img src="../../imagens/vazio.gif" alt="" width="1" height="1" /></div>				</div>				<div id="content">					<!-- MENU ATALHO -->					<div id="line2">					<form name="areaRestrita">						<div class="floatLeft hackSubMenu" style="padding-left: 67px;"><a href="#" title="Inicial"><img src="../../imagens/line_2/01_inicial.gif"/></a></div>						<div class="floatLeft hackSubMenu"><img src="../../imagens/line_2/separador.gif" alt=""/></div>						<div class="floatLeft hackSubMenu"><a href="#" title="Mapa do Site"><img src="../../imagens/line_2/02_mapa.gif" /></a></div>						<div class="floatLeft hackSubMenu" style="padding-left: 11px;"><img src="../../imagens/line_2/dente.gif" alt=""/></div>						<div class="floatLeft hackSubMenu" style="padding-left: 30px;"><img src="../../imagens/line_2/03_acessoRestrito.gif" alt="" /></div>						<div class="floatLeft hackSubMenu" style="padding-left: 11px; margin-top: 2px; _margin-top: 5px;"><input name="login" type="text" size="10" maxlength="255" style="width: 200px; background-color: #E3E3DF;" value="usuario" tabindex="1"/></div>						<div class="floatLeft hackSubMenu" style="padding-left: 7px; padding-right: 7px;"><img src="../../imagens/line_2/seta.gif" alt=""/></div>						<div class="floatLeft hackSubMenu" style="margin-top: 2px; _margin-top: 5px;"><input name="senha" type="password" size="10" maxlength="255" style="width: 105px; background-color: #E3E3DF;" value="senha" tabindex="2"/></div>						<div class="floatLeft hackSubMenu"><img src="../../imagens/vazio.gif" alt="" width="10" /></div>						<div class="floatLeft hackSubMenu"><a href="java script:doLogin;" title="Logar-se" tabindex="3"><img src="../../imagens/line_2/bt_submit.gif" /></a></div>					</form>					</div>					<!-- MENU NEWSLETTER -->					<div style="clear:both"><p>INICIO</p><p>CONTEUDO</p><p>CONTEUDO</p><p>CONTEUDO</p><p>CONTEUDO</p><p>CONTEUDO</p><p>CONTEUDO</p><p>CONTEUDO</p><p>CONTEUDO</p><p>CONTEUDO</p><p>CONTEUDO</p><p>CONTEUDO</p><p>CONTEUDO</p><p>CONTEUDO</p><p>CONTEUDO</p><p>CONTEUDO</p><p>CONTEUDO</p><p>CONTEUDO</p><p>CONTEUDO</p><p>CONTEUDO</p><p>CONTEUDO</p><p>CONTEUDO</p><p>CONTEUDO</p><p>CONTEUDO</p><p>CONTEUDO</p><p>FIM</p></div>				</div>				<div id="wrapside2">					<div id="side2"><img src="../../imagens/vazio.gif" alt="" width="1" height="1" /></div>				</div>			</div>			<div id="footer">				<div id="contentFooter">					<div>tRODApÉ</div>				</div>							</div>		</div> 	</body> </html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Pq você naum coloca um botão submit dentro do form. Deve ser por isso q naum funciona

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.