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
Estou com 2 problemas de CSS, um dele no IE, que é o alinhamento ao centro... o outro é na figura 2, que ocore no FF tb... reparem o tanto que espaço que sobra pra baixo do form. Isso gera um scroll mesmo nao tendo mais nada pra baixo...
o fonte ta ai abaixo...
oque pode ser feito nessa cituação?
<html><head>
<style type="text/css">
<!--
*,html,body {
margin: 0;
padding: 0;
}
body {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 70%;
margin: 0px;
padding: 0px;
}
html {
background: #024b89 url(common/images/login/bg.png) repeat-x fixed;
}
body {
position: relative;
font: Arial, Helvetica, sans-serif;
color: #333333;
}
#tudo {
margin: 40px auto;
width: 400px;
}
#topo {
margin: 0;
border: 0;
background: url(common/images/login/box.png) no-repeat;
width: 399px;
height: 125px;
}
#logo {
padding: 15px 15px;
float: left;
width: 150px;
}
#img-home {
float: right;
width: 150px;
padding: 15px 0 0 30px;
}
#img-home img {
padding-left: 25px;
}
#rodape {
clear: both;
}
#pad {
padding: 20px 0 0 35px; *
margin-top: 20px;
}
#login {
margin: 15px auto;
padding: 0px;
border: 0;
background: url(common/images/login/box_login_bg.png) no-repeat;
width: 335px;
height: 195px;
}
#tit {
font-size: 1.6em;
padding-top: 20px;
margin: auto 10px;
}
#forms {
margin-top: 15px;
}
#concluir {
background: url(common/images/login/btn_entrar.png) no-repeat;
width: 94px;
height: 31px;
margin: 22px 0 0 185px; *
margin: 12px 0 0 185px;
cursor: pointer;
border: 0;
font-size: 16px;
font-weight: bold;
color: #FFF;
float: left;
}
label {
position: relative;
padding-top: 5px;
padding-left: 15px;
clear: both;
display: block;
}
label input {
position: relative;
display: block;
border: #99ccff solid 1px;
width: 200px;
}
input,select,td,textarea,button {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#concluir:hover {
padding-top: -15px;
background-position: bottom right;
}
#low {
width: 180px;
}
#error {
padding-top: 50px;
padding-left: 20px;
background: url(common/images/layer_error.png) no-repeat center top;
width: 294px;
height: 71px;
}
#etxt {
padding-left: 60px;
color: #ff0000;
font-size: 11px;
}
-->
</style>
</head><body><div id="tudo">
<div id="topo">
<div id="mid">
<div id="logo"><img src="common/images/login/logo.jpg"></div>
<!-- logo -->
<div id="img-home"><img src="common/images/login/login_house.jpg"></div>
<!-- img --></div>
<!-- mid --></div>
<!-- topo -->
<div id="pad">
<div id="error">
<div id="etxt">
</div>
</div>
<div id="login">
<div id="tit">Área de acesso</div>
<!--tit -->
<div id="forms"><form namespace="/" id="f_logon" name="login_confirma" action="/informant/login_confirma.action" method="post" class="testeForm" style="height: 450px;">
<label for="user">Usuário <input id="user" name="username" accesskey="u" tabindex="1" type="text"> </label>
<label for="passwrd">Senha <input id="passwrd" name="password" accesskey="s" tabindex="2" type="password"></label>
<input name="request_locale" value="pt_BR" id="f_logon_request_locale" class="hide" type="hidden">
<div id="low">
<input accesskey="Enter" tabindex="3" name="concluir" id="concluir" value="Entrar" type="submit">
</div>
<!-- low -->
</form>
</div>
<!-- forms -->
<!-- message --></div>
<!-- login --></div>
<!-- pad --></div>
<!-- tudo -->
Carregando comentários...