Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa tarde, fiz um sistema de login baseado no Smartlogin do Thiago Alves e agora que esta quase completo percebi que o sistema abre e funciona sem problemas no Chrome e Firefox mas a pagina fica em branco no IE. Segue abaixo o codigo arquivo index.php.
<?php include('sl/config.php');
ob_start()
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-br">
<head>
<title>Acesso ao Sistema</title>
<meta name='author' content='Thiago Alves' />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="pt-br" />
<script type='text/javascript' src='<?php echo SL_URL; ?>js/jquery.js'></script>
<script type='text/javascript' src='<?php echo SL_URL; ?>js/smartlogin.js'></script>
<style type='text/css' media='screen'>
@import url('<?php echo SL_URL; ?>css/smartlogin.css');
</style>
</head>
<body>
<?php
if(isset($_GET['sl'])){
Switch($_GET['sl']){
case 'login': include(SL_URL.'login.php'); break;
case 'cadastro': include(SL_URL.'cadastro.php'); break;
case 'logout': include(SL_URL.'logout.php'); break;
case 'inscricao': include(SL_URL.'inscricao.php');break;
default: include(SL_URL.'login.php'); break;
}include(SL_URL.'/login.php');
}
?>
</body>
</html>
Agradeco desde ja,
Alexandre Torres.
Ok, vou verificar meu arquivo css e posto aqui os resultados.
Agradeco
Alexandre Torres
Fiz a verificação no w3c e obtive o seguinte resultado:
Resultados da validação CSS do W3C para smartlogin.css (CSS nível 2.1)
Parabéns! Não foram encontrados erros na sua folha de estilo.
Este documento é válido para as CSS nível 2.1 !
Pelo jeito esta tudo ok com meu arquivo, mas por via das duvidas vou colocar o codigo aqui para avaliacao.
/*
[smartLogin.CSS]
Folha de Estilo
*/
.sl_form br{
clear:left;
}
.sl_form{
padding:10px 15px;
margin:0 auto;
font:13px 'Arial';
border:3px solid #666;
background-color:#F9F9F9;
}
.sl_info{
height:25px;
text-align:center;
margin:15px auto;
padding-top:4px;
font:bold 15px 'Arial';
border:2px solid #666;
background-color:#F9F9F9;
}
.sl_label{
width:91px;
height:19px;
float:left;
color:#333;
margin:3px 20px 0 0;
font:bold 21px 'Arial';
}
/ Input [NOME, EMAIL, USER, PASS] /
#sl_name,#sl_tipo{
height:26px;
color:#333;
font-size:22px;
margin-bottom:5px;
border:2px solid #666;
}
/* Input [NOME, EMAIL, USER, PASS]
#sl_name,#sl_email,#sl_user,#sl_pass,#sl_tipo{
height:26px;
color:#333;
font-size:22px;
margin-bottom:5px;
border:2px solid #666;
}#sl_name{
background-position:4px 0px;
}
#sl_email{
background-position:4px -28px;
}
#sl_user{
background-position:4px -56px;
}
#sl_pass{
background-position:4px -84px;
}
/ Input [sUBMIT] /
#sl_go_log,#sl_link1,#sl_link2{
width:150px;
height:40px;
border:none;
cursor:pointer;
margin-top:10px;
font:bold 20px 'Arial';
background-image:url('../img/button.gif');
}
#sl_go_log{
color:#039315;
}color:#00B;
}
/ Widths [LOGIN] /
#sl_login{
width:310px;
}
.sl_login{
width:160px;
padding-left:34px;
background-image:url('../img/icon2.png');
background-repeat:no-repeat;
}
#sl_info_log{
width:340px;
}
/ Widths [CADASTRO] /
#sl_cadastro{
width:400px;
}
.sl_cadastro{
width:250px;
padding-left:34px;
background-image:url('../img/icon2.png');
background-repeat:no-repeat;
}
#sl_info_cad{
width:330px;
}
/ Links /
.sl_link:link{
color:#00f;
text-decoration:none;
}color:#00f;
text-decoration:none;
}color:#00f;
text-decoration:underline;
}color:#00f;
text-decoration:none;
}
Agradeco qualquer ajuda,
Alexandre Torres
Abra o código-fonte no Internet Explorer (Ctrl+U), veja se apareceu alguma coisa. Poste o resultado.
Segue abaixo o codigo obtido atraves do ie.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-br">
<head>
<title>Acesso ao Sistema</title>
<meta name='author' content='Thiago Alves' />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="pt-br" />
<script type='text/javascript' src='sl/js/jquery.js'></script>
<script type='text/javascript' src='sl/js/smartlogin.js'></script>
<style type='text/css' media='screen'>
@import url('sl/css/smartlogin.css');
</style>
</head>
<body><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="pt-br" />
<style type="text/css">/ Input [NOME, EMAIL, USER, PASS] /
#sl_name,#sl_email,#sl_user,#sl_pass,#sl_tipo{
height:26px;
color:#333;
font-size:22px;
margin-bottom:5px;
border:2px solid #666;
}
</style>
</head><div class='sl_label'>Usuário:</div>
<input type='text' id='sl_user' class='sl_login' />
<br /><div class='sl_label'>Senha:</div>
<input type='password' id='sl_pass' class='sl_login' />
<br />
<!-- Button [CADASTRO,SUBMIT] -->
<div style='text-align:center;'>
<input type='button' value='Cadastro' id='sl_link1' />
<input type='button' value='Entrar' id='sl_go_log' />
</div><script type='text/javascript'>
var sl_url = 'sl/';
var p_index = 'contato/logado.php';
</script>
</div>
<div class='sl_info' id='sl_info_log'></div></body>
</html>Não percebeu nada estranho? Como por exemplo, o fato de ter dois cabeçalhos, dois DOCTYPES, por exemplo?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-br">
<head>
<title>Acesso ao Sistema</title>
<meta name='author' content='Thiago Alves' />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="pt-br" />
<script type='text/javascript' src='sl/js/jquery.js'></script>
<script type='text/javascript' src='sl/js/smartlogin.js'></script>
<style type='text/css' media='screen'>
@import url('sl/css/smartlogin.css');
</style>
</head>
<body><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="pt-br" />
<style type="text/css">/ Input [NOME, EMAIL, USER, PASS] /
#sl_name,#sl_email,#sl_user,#sl_pass,#sl_tipo{
height:26px;
color:#333;
font-size:22px;
margin-bottom:5px;
border:2px solid #666;
}
</style>
</head>
Corrija isso, se não der certo, volte a postar a nova marcação.
Consegui fazer funcionar no ie retirando o css do arquivo login.php
/ Input [NOME, EMAIL, USER, PASS] /
#sl_name,#sl_email,#sl_user,#sl_pass,#sl_tipo{
height:26px;
color:#333;
font-size:22px;
margin-bottom:5px;
border:2px solid #666;
}
</style>
retirei essa parte e funcionou normal no ie.
Obrigado pela ajuda
Alexandre Torres
Amigo alexftorres, o fato de abrir em 2 navegadores e em um não caracteriza problemas de css.
:seta: Tópico movido para area correta.