Fiz tudo só que esta dando diferença entre um navegador e outro.
o codigo esta abaixo.
Code CSS
body {
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.bodylogin {
background-image: url(images/fundo.jpg);
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
#centrologin{
background-image:url(images/login_logo.jpg);
height:295px;
width:334px;
/*float:none;
text-align:center;*/
}
#caixacampos{
width:334px;
height:75px;
/*margin-top:220px;*/
vertical-align:middle;
padding:0px;
}
.campo {
border: #CCCCCC 1px solid;
/*color: #2f2f2f;*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
width: 105px;
height: 16px;
background-color: #ffffff;
margin-right: 12px;
padding-top: 3px;
padding-left: 5px;
padding-bottom: 3px;
}
#geral {
border-right: 1px #CCCCCC solid;
width: 950px;
height: 100%;
position: absolute;
vertical-align: top;
}
#logo {
background-image: url(images/fundo_topo_01.jpg);
background-position: top;
width: 950px;
height: 159px;
position: absolute;
}
.texto {
font-family: Tahoma, Helvetica, sans-serif;
}
#infologin {
margin: 45px 0 0 238px;
}
#infologin .texto{
font-size: 12px;
word-spacing: 2px;
line-height: 25px;
}
#fundomenu {
margin: 0 0 0 0;
width: 199px;
float:left;
height: 100%;
background: url(images/menu_repeat.gif) repeat-y right;
}
#menu {
width: 196px;
background: #f9f9f9 url(images/menu_bg.gif) no-repeat top right;
background-position: 1px 161px;
border: 0px;
padding-top: 161px;
}
#menu ul {
margin: 0;
padding: 5px;
border: 0px;
list-style: none;
font: 12px Arial, Tahoma, Verdana;
}
#menu li {
margin: 0 0 2px 0;
}
#menu li span {
display: block;
padding: 8px;
color: #666;
text-decoration: none;
font-weight:bold;
margin-top: 10px;
}
#menu li a {
display: block;
padding: 3px 8px 3px 16px;
color: #666;
text-decoration: none;
vertical-align: middle;
}
#menu li a:hover {
padding: 2px 8px 2px 15px;
border: 1px solid #CCC;
background: #FEFEFE;
color: #007cc3;
}
#centro {
width: 686px;
/*padding-top: 161px;
padding-left: 220px;*/
margin: 175px 0 0 220px;
position:relative;
}
#topo_form {
background: #CFD6D6;
width: 686px;
height: 25px;
margin: 3px 0 0 0;
}
h2 {
display: block;
background: #CFD6D6;
width: 686px;
height: 25px;
margin: 3px 0 0 0;
padding-left: 6px;
font-family: Tahoma, Helvetica, sans-serif;
font-size: 12px;
text-transform:uppercase;
word-spacing: 2px;
line-height: 25px;
margin-left: 0px;
vertical-align:middle;
}
#conteudo {
width: 686px;
margin: 10px 0 15px 0;
padding: 2px;
font-size: 12px;
color:#036;
word-spacing: 2px;
line-height: 25px;
vertical-align:middle;
}
#conteudo form {
font-size: 12px;
word-spacing: 2px;
line-height: 25px;
vertical-align: middle;
}
#conteudo form .campo{
font-family: Tahoma, Helvetica, sans-serif;
font-size: 11px;
border: 1px solid #999;
}
#conteudo form label{
font-weight: bold;
}
#topo_form .texto{
font-size: 15px;
word-spacing: 2px;
line-height: 25px;
margin-left: 3px;
vertical-align:middle;
}
/*#campo {
width: 686px;
margin: 3px 0 0 0;
padding: 2px;
}
#campo .texto{
font-size: 12px;
word-spacing: 2px;
line-height: 25px;
vertical-align:middle;
}
#form {
width: 686px;
margin: 3px 0 0 0;
}
#form .texto{
font-size: 12px;
word-spacing: 2px;
line-height: 25px;
vertical-align:middle;
}*/
#texto {
width: 670px;
margin: 5px 0 0 5px;
}
#texto .texto{
font-size: 12px;
word-spacing: 2px;
line-height: 25px;
vertical-align:middle;
}
.checkbox{
margin: 0 0 0 20px;
padding: 2px;
}
.checkbox_2{
margin: 0 0 0 45px;
padding: 2px;
}Code HTML
<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>:: LUBBIC :: BRINDES PROMOCIONAIS</title> <!--link href="screen.css" rel="stylesheet" type="text/css" /--> <link href="estilos_ron.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="geral"> <!-- TOPO --> <div id="logo"> <div id="infologin"><span class="texto">Bem-Vindo <strong>João da Silva</strong>.<br /> IP: 200.000.000.001<br /> 18 de Fevereiro de 2009</span> </div> </div> <!-- MENU --> <div id="fundomenu"> <div id="menu"> <ul> <li><span>Cadastros Gerais</span></li> <li><a href="#">Home</a></li> <li><a href="#">Serviços</a></li> <li><a href="#">Contato</a></li> <li><span>Outro Menu</span></li> <li><a href="#">Opção 1</a></li> <li><a href="#">Opção 2</a></li> <li><a href="#">Opção 3</a></li> </ul> </div> </div> <div id="centro"> <h2>Cadastro Cliente</h2> <div id="conteudo" class="texto"> <form name="form1"> <label for="Nome">Nome:</label> <input name="Nome" id="Nome" type="text" size="70" class="campo"/> <br/> <label for="Check">Nome:</label> Teste 1 <input type="checkbox" name="Check" value="1" /> Teste 2 <input type="checkbox" name="Check" value="2" /> Teste 3 <input type="checkbox" name="Check" value="3" /> Teste 4 <input type="checkbox" name="Check" value="4" /> Teste 5 <input type="checkbox" name="Check" value="5" /> <br /> <strong>Nome: </strong> <label><select name="cboNatureza"> <option value="">--Selecione--</option> </select> </label> <br/> <strong>Nome:</strong> Texto<input type="radio" name="radio" id="texto6" value="texto1" /> Texto<input type="radio" name="radio" id="texto7" value="texto2" /> Texto<input type="radio" name="radio" id="texto8" value="texto3" /> Texto </form> </div> <h2>Dados Complementares</h2> </div> </body> </html>
Valeu pela ajuda.
