Publicado em 25 de abr.

Problema com css no IE8 (Pra variar...)

Tamo ai de novo....

O négócio é o seguinte gente, tenho uma página orientada a CSS, onde tá tudo ok em todos os navegadores, inclusive no IE, mas quando está local, porque quando eu faço os testes no servidor, o css não funciona e até mesmo o jquery.validate, para validar o furmulário não funciona......Inclusive, até validei o css no W3C...Se alguém souber, da uma força ai....

segue a página php

<?php
session_cache_expire(1);
session_start();
if (!isset($_SESSION['usuario']))

{

 die ("Acesso Restrito!");
}

?>

<?php

// Verificador de sessão

// Conexão com o banco de dados

require "dbc.php";
$hora=('00:29:59');
//$hora=date('H:m:s');
/*$hora_h=substr($hora, 0, 1);
$minuto=substr($hora, 3, 4);

$segundo=substr($hora, 6, 7);*/

$hora_parte=explode(":", $hora);
$hora_h=$hora_parte[0];
$minuto=$hora_parte[1];
$segundo=$hora_parte[2];

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="[http://www.w3.org/1999/xhtml">](http://www.w3.org/1999/xhtml)
<head>
 <title>Área Restrita Cobra 12 horas. Seja bem vindo usuário <?php echo $_SESSION['usuario']; ?></title>
<link href="menu.css" rel="stylesheet" type="text/css" />

<meta http-equiv="X-UA-Compatible" content="IE=8" />

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><style type="text/css">

<!--
body {

	background-image: url(images/company_logo2.jpg);
}

-->

</style>

<script language="JavaScript" src="conf/jquery.js" type="text/javascript"></script>
<script language="JavaScript" src="conf/jquery.validate.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready( function() {

$("#formularioContato").validate({
// Define as regras
rules:{
nome:{
// campoNome será obrigatório (required) e terá tamanho mínimo (minLength)
required: true, minlength: 2
},
login:{
// campoEmail será obrigatório (required) e precisará ser um e-mail válido (email)
required: true, minlength: 2
},

senha:{
// campoEmail será obrigatório (required) e precisará ser um e-mail válido (email)
required: true, minlength: 6
},
email: {
required: true,
email: true
},

senha2: {
required: true,
minlength: 6,
equalTo: "#senha"
}

},
// Define as mensagens de erro para cada regra
messages:{
nome:{
required: "*Este campo é obrigatório!",
minLength: "O seu nome deve conter, no mínimo, 2 caracteres"
},

senha:{
required:"*Este campo é obrigatório!",
minLength: "O seu nome deve conter, no mínimo, 2 caracteres"
},

email:{
required:"*Este campo é obrigatório!",
minLength: "O seu nome deve conter, no mínimo, 2 caracteres"
},
senha2:{
required:"*Este campo é obrigatório!",
minLength: "O seu nome deve conter, no mínimo, 2 caracteres"
},

}

});
});

</script>

</head>

<meta name="GENERATOR" content="MAX's HTML Beauty-- ME">
<body onload="setInterval('tempo();',1000)">

<div id="topologo">
<div id="logo"></div>

<div id="tempo_container"> <!-- Inicio da div container que esta tempo -->
<div id="tempo_esquerda"></div>
<div id="tempo" > Você possui cerca de<div name="relogio" id="relogio"></div>
 em tempo restante para o fim da sessão caso esta página se encontre inativa!	</p>

 <script type=text/javascript>
var segundo=<?php echo $segundo;?>;
var minuto=<?php echo $minuto;?>;
var hora=<?php echo $hora_h;?>;

 function tempo(){
 if (segundo<=59){
 segundo=segundo-01;
 if (segundo==00){
 minuto=minuto-01;
 segundo=59;
 if (hora==24){
 hora=hora+01;
 minuto=00;
 segundo=00;

 }
 }
 }
 if (minuto<00){

 window.alert('Sua sessão ficou inativa por mais de 30 (trinta) minutos! Por motivos de segurança você deverá entrar novamente!');
 window.location.href = 'sess_encer.php';

 }

 document.getElementById("relogio").innerHTML=(minuto+":"+segundo);
 }

</script>

</div>
<div id="tempo_direita"> </div>
</div> <!--fim da div container do tempo -->

</div>

	<div id="menu" >
	<div id="left"></div>

	<div id="menu_meio">
 <ul>
 <li>
 <div align="center"><img src="images/ico_home.gif" border="0"/><br>
 <a href="myaccount.php">Home</a></div>
 </li>
 <li>
 <div align="center"><img src="images/ico_users.gif" border="0"/><br />
 <a href="usuarios.php">Usuários</a></div>
 </li>
 <li>
 <div align="center"><img src="images/ico_categories.gif" border="0"/><br />
 <a href="categorias.php">Categorias</a></div>
 </li>
 <li>
 <div align="center"><img src="images/ico_canned.gif" border="0"/><br />
 <a href="cannd.php">Fórum</a></div>
 </li>
 <li>
 <div align="center"><img src="images/ico_kb.gif" border="0"/><br />
 <a href="know.php">Dicas</a></div>
 </li>
 <li>
 <div align="center"><img src="images/ico_settings.gif" border="0"/><br />
 <a href="settings.php">Configurações</a></div>
 </li>
 <li>
 <div align="center"><img src="images/ico_profile.gif" border="0"/><br />
 <a href="profile.php">Perfil</a></div>
 </li>
 <li>
 <div align="center"><img src="images/ico_logout.gif" border="0"/><br />
 <a href="logout.php">Logout</a></div>
 </li>
 </ul>
 </div>
<div id="right"> </div>
	</div>

<!--<div align="center"> Você pode escolher acima o que deseja incluir/alterar:</div>	-->

<!--</div><div></div> -->

<div id="lateral"> <!--- início personalização da lateral --->

<div id="lateral_esq"> <!--- início personalização da lateral esquerda --->
<div id="borda_esq"><!--- início personalização da borda esquerda ---></div> <!--- fim personalização da borda esquerda --->

<div id="borda_dir"><!--- início personalização da borda direita---></div> <!--- fim personalização da borda dir --->
<div id="borda_meio"><!--- início personalização da borda meio --->
<div id="usu"> <a href="myaccount.php" class="lat_esq">   Inserir usuário    </a></div>
<div id="usu"><a href="edt_usu.php" class="lat_esq">   Editar usuário     </a></div>
<div id="usu"><a href="del_usu.php" class="lat_esq">   Excluir usuário    </a></div>
<div id="usu"><a href="lista_usu.php" class="lat_esq">   Listar usuários    </a> </div>
<div id="usu"><a href="lista_usu.php" class="lat_esq">   Permissões*       </a> </div>
</div> </div> <!--- fim personalização da borda meio --->

<div id="lateral_dir"> <!--- início lateral direita --->
<form action="" method="post" id="formularioContato">

 <fieldset class="fieldset">
 <legend>  Inserir Usuários  </legend>

 <label><span class="span">Nome:</span></label>
 <input class="types" type="text" name="nome" id="nome" />
 <BR />

 <label>Login:</label>
<input class="types" type="text" name="login" id="login" />
 <BR />
 <label> Senha: </label>
 <input class="types" type="password" name="senha" id="senha" />
 <BR />
 <label>Repita a senha: </label>
 <input class="types" type="password" name="senha2" id="senha2" />
 <BR />
 <label>E-mail: </label>
 <input class="types" type="text" name="email" id="email" />
 <BR />
 <label>Status: </label>
 <select name="status" id="status">
 <option>Ativo</option>
 <option>Inativo</option>
 </select>
 <BR />

 <label>Permissão de Acesso: </label>
 <select name="permissao" id="permissao">
 </select>

 <BR />

 <input class="botao3d" type="submit" name="salvar" id="salvar" value="salvar" />
 <input name="limpar" class="botao3d" type="reset" id="limpar" value="limpar" />

</fieldset>
 </form>

 </div> <!--- Fim lateral direita --->
</div><!--- fim personalização da lateral --->

<div id="rodape">
<!--- <?php // if (isset($_SESSION['usuario'])) { ?>-->
 <p align="center">	                           <br />
 Você está logado como "<?php echo $_SESSION['usuario']; ?>"   | <a href="settings.php">Sobre</a> | <a href="logout.php">Logout</a> |      <br />
         Desenvolvido por ZSBIT - Soluções em Tecnologia da Informação - - "Nosso empreendimento pelo seu empreendimento"!
 <br />
 <a href="[http://www.zsbit.com.br/">www.zsbit.com.br](http://www.zsbit.com.br/) </a> </p>
 <br />
<?php //} ?>
</div>

e também o css

/ CSS Document /
/ www.zbit.com.br /
/Joel Sudam/

/*.botao3d {

	border-color: #999 #000 #000 #999;
	border: 0px;
	width: 52px;
	padding: 2px;
	background: #99C;
	color: #FFF;
	font-family: Verdana;
	font-size: 11;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	display:inline;

	position:relative;
	float:left;

 }

.botao3d:hover {

 top: 1px;
 left: 1px;
 border-color: #000 #999 #999 #000;
 color:#000;
 background: #CCC;
 display:inline;

 cursor:pointer;
 }

#container {
	margin:0 auto;
	width:700px;
 }

#logo{	width:392px;
 height:115px;
 background-image:url(images/logo_area_restrita-arredondada.jpg);
 background-repeat:no-repeat;
 float:left;
 clear:both;

 }

#menu{width:700px; height:55px; margin:auto;}

#left {
	width:7px;
	height: 55px;
	background-image:url(images/left.gif);
	background-repeat:no-repeat;
	float:left;

	}
#menu_meio {
	width:686px;
	height: 55px;
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(images/meio_menu.gif);
	background-repeat:repeat-x;
	float:left;

 }

#right {
	width:7px;
	height: 55px;
	float:left;
	background-image:url(images/right.gif);
	background-repeat:no-repeat;

	}

#topologo { margin: auto; width:700px; height:115px; }

#menu ul {

	padding:0 0 0 5px;
	margin:0px;
	width: 100%;
	background-color:#EDEDED;

	}

#menu ul li {display: inline; padding: 10px 23px; font-size:12px; float:left; }
#icones {display: inline; padding: 0px 0px 0px 30px; font-size:10px; }

	color:#FFF;
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;

	}

a:hover{

	font-size:11px;
	text-decoration:none;
	}

a:link {

}

a.out{

	font-size:13px;
	color:#000;
	text-align:center;
	margin-left:15px;
	margin-top:0px;

	}

a.out:hover{

	font-size:13px;
	color:#FF0;
	background-color:#33F;
	margin:10px;

	}

#tempo_container{ width:286px; height:115px; float:right;}

#tempo{
	width:272px;
	height: 115px;
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(images/meio.gif);
	background-repeat:repeat-x;
	font-size:12px;
	float:left;
	text-align:center;
	color:#FFF;
	padding-top:10px;

	}

#tempo_esquerda { background-image:url(images/tempo_esquerda.gif); background-repeat:no-repeat; width:7px; height:109px; float:left;}
#tempo_direita { background-image:url(images/tempo_direita.gif); background-repeat:no-repeat; width:7px; height:109px; float:right;}

#lateral{height: 315px; width:700px; margin:auto; /border:solid 1px;/}
#lateral_esq {width:20%; float:left; margin-top:10px; margin-left:1px;}
#lateral_dir {width:79%; float:right; margin-top:10px; padding:0 0 0 5px;}

a.lat_esq:link{text-decoration: none; color:#FFF; font-size:11px; font-family:Verdana, Geneva, sans-serif;}
a.lat_esq:visited{text-decoration: none; color:#9FF; font-size:11px; font-family:Verdana, Geneva, sans-serif;}
a.lat_esq:active{text-decoration: none; color:#0000aa; font-size:11px; font-family:Verdana, Geneva, sans-serif;}
a.lat_esq:hover{width:100px; text-decoration: none; background-color:#ccc; font-size:11px; font-family:Verdana, Geneva, sans-serif; color:#333;}

#borda_esq{background-image:url(images/borda_esq.gif); background-repeat:no-repeat; height:115px; width:10px; float:left; padding-top:5px;}
#borda_meio{background-image:url(images/borda_meio.gif); background-repeat:repeat-x; height:115px; width:120px; float:left; padding-top:5px;}
#borda_dir{background-image:url(images/borda_dir.gif); background-repeat:no-repeat; height:115px; width:10px; float:right; padding-top:5px;}
#rodape { width:780px; height:80px; margin:auto; clear:both; margin-top:5px; background-image: url(images/rodape.gif); color:#FF0; font-size:12px; text-align:center;}
#usu{background: url(images/botao1.gif); background-repeat:no-repeat; background-position:center; border:solid 1px; border-color:#FFFFFF; padding:2px; text-align:center;}

.logozs{
	background-image:url(images/zsbit_logo_exportada.gif);
	width:127px;
	height:58px;
	background-position:top;
	background-repeat:no-repeat;
	float:right;
	margin-top:0px;
	margin-right:3px;

 }
#relogio{

	font-size:25px;

	}

form{

	width:525px;
	margin:0 auto;

	}

/*form fieldset{

	border:0;

	background-color:#EDE0FE;
	color:#93C;
	height:295px;

	}

form fieldset legend{

	font:15px Tahoma, Geneva, sans-serif;
	text-align:center;
	margin-left:175px;
	font-family:Ginga>;
	font-weight:bold;
	background-color:#EDE0FE;
	margin:#EDE0FE;
	text-decoration:none;

	}

form label{

	float:right;
	margin-right:0px;
	display:block;
	padding:6px 0;
	position:relative;

	}

form label span{

	color:#909;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;}

form label input{

	margin-right:0px;
	margin-left:0px;
	color:#063;
	padding:1px 0;
	width:230px;

}
form label select{

	margin-right:0px;
	margin-left:5px;
	color:#063;
	padding:3px 3;
	width:230px;

}*/

form input.botao3d {

	border-color: #999 #000 #000 #999;
	border: 0px;
	width: 52px;
	padding: 2px;
	background: #99C;
	color: #FFF;
	font-family: Verdana;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	display:inline-block;

	position:static;
	/*top:255px;

	left:170px;*/

	left:100px;

 }

form input.botao3d:hover {

 top: 1px;

 border-color: #000 #999 #999 #000;
 color:#000;
 background: #CCC;
 display:inline;
 position:static;
 cursor:pointer;
 /*left:170px;
 top:255px;*/

 left:100px;
 }

.types{
	display: block;
	float: left;

	}

label{

	display: block;
	float: left;
}

label {

	text-align: right;
	width: 150px;
	padding-right: 4px;
	padding-bottom: 15px;
	font-family:Verdana, Geneva, sans-serif;
	padding-top:3px;
}

/*fieldset {
.border: solid 1px #000;
}*/

br {

	clear: left;
}

label.error, label.error {
/ remove the next line when you have trouble in IE6 with labels in list /

	color: #009;
	font-style: italic;
	font-family:Verdana, Geneva, sans-serif;
	text-align:left;
	font-size:11px;
	padding-left:5px;
	width:200px;
	padding-top:2px;
}

form fieldset legend{

	font:15px Tahoma, Geneva, sans-serif;
	text-align:center;
	margin-left:175px;
	font-family:Verdana, Geneva, sans-serif;

	background-color:#EDE0FE;

	text-decoration:none;
	padding-bottom:10px;
}

.fieldset{
	background-color:#EDE0FE;
	color:#93C;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	border:0px;
	width:525px;
	height:340px;

	}

Discussão (13)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Carregando comentários...