Problemas com versões de navegadores
Estou com sp Erioroblema n. visualizar corretamente o site Meu: [url = "[http://www.unilinecontabil.com.br/"]](http://www.unilinecontabil.com.br/%22%5D) www.unilinecontabil.com.br [/ url] in navegadores como IE6 e IE7, env UMA barra lateral da semper Esquerda se desloca n. baixo, O Que nao ocorre nenhum IE8 e Firefox 3.6.
JA tentei arrumar "display:inline "Como "Margens" e nao e etc consigo resolver, umlguém podería me ajudar ai vai o Código CSS.
/ Reset /
{Margin: 0; padding: 0;} *
body {background: # FFF;}
# Caixa {width: 990px;
height: auto;
margin: auto;
)
/ Topo /
# Header {Altura: 180px;
background: url (imagens / bg_topo.jpg) no-repeat;
margin: 2px 0;
border: 1px solid # 999;
)
# Conteudo_endereco {width: 300px;
text-align: center;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
float: right;
display: inline;
margin: 35px 0 0 350px;
font-size: 14px;
color: # 000;
)
# Conteudo_endereco a {font-size: 12px;
color: # 003;
text-decoration: none;
)
/ Menu /
# Menu {Altura: 31px;
background-color: # FC0;
border: 1px solid # F90;
margin: 0 0 2px 0;
)
# Menu a {float: left;
text-decoration: none;
color: # C60;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
padding: 15px 6px;
)
# Menu a: hover {float: left;
background: url (imagens / menu_hover.jpg) repeat-x;
)
Img # menu {float: left;
)
/ Busca /
# Entrada de pesquisa {background: # FFF;
border: 1px solid # F60;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 11px;
color: # 333;
padding: 5px 4px;
)
. Pesquisar {color: # FFF;
font-family: Tahoma, Geneva, sans-serif;
font-size: 13px;
)
# Search {float: right;
)
/ Menulist /
# Menulist a {float: right;
height: 10px;
text-decoration: none;
color: # C60;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 12px 10px;
)
# Menulist a: hover {text-decoration: underline;
)
/ * / Dados
# Dados {float: right;
margin: 5px 20px 4px 0;
text-align: center;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
color: # 666;
width: 270px;
height: 19px;
background-color: # f3f3f3;
border-left: 3px solid # F90;groove 1px # F90;: border-bottom
border-right: 3px solid # F90;
border-top: 1px solid # F90;direito;: claro
)
# Count_visitas {width: 250px;
height: auto;
margin: 3px;
border: 1px solid # CCC;
background-color: # F0F0F0;
font-family: "Times New Roman", Times, serif;
font-size: 15px;
text-align: center;
color: # 666666;
)
/ * Conteudo /
# Conteudo {width: 760px;
height: auto;
background-color: # FFF;
float: left;
display: inline;
margin: 0 2px 2px 4px;
border: 1px solid # CCC;
)
# Conteudo h1 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 20px;
color: # 815401;
border-bottom: 1px solid # F90;
margin: 5px 10px 0;
padding: 0 0 0 3px;
width: 750px;
)
# Conteudo h2 {font-family: Tahoma, Geneva, sans-serif;
font-size: 14px;
color: # 999;
font-weight: bold;
height: 19px;
padding: 5px;
margin: 4px;
background-color: # F7F7F7;
border: 1px solid # 999;
clear: both;
)
# Conteudo h3 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 18px;
color: # 996;
)
# Conteudo p {font-family: Tahoma, Geneva, sans-serif;
color: # 666;
font-size: 11px;
margin: 10px 7px 7px 5px;
text-align: justificar;
)
# Barra {width: 98%;
height: 1px;
border: 1px solid # F90;
background-color: # FC0;
margin: 0 0 0 5px;
)
# Apresentacao {width: 515px;
height: auto;
float: right;
margin: 5px 0 0 3px;
)
# Divulgacao {width: 515px;
height: 200px;
background-color: # 666;
float: right;
margin: 3px 3px 0 0;
)
/ Aqui o COMECA Problema Meu /
# Sidebar_esquerda {width: 230px;
height: auto;
position: relative;
)
Cotação # {width: 230px;
height: auto;
margin: 0 3px 3px 3px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
color: # FFF;
border: 1px solid # 999;
)
# Cotação h4 {border: 1px solid # CCC;
background-color: # 990;
text-align: center;
)
Cotação # p {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 11px;
color: # 333;
text-align: left;
text-decoration: none;
margin: 2px;
padding-left: 3px;
)
/ * Links /
# Links {width: 230px;
height: auto;
margin: 5px 0 3px 3px;
background-color: # F4F4F4;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
border: 1px solid # 999;
font-size: 12px;
color: # FFF;
text-align: center;
)
# Links h4 {border: 1px solid # CCC;
background-color: # 003;
)
# Links p {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 11px;
color: # 333;
text-align: left;
text-decoration: none;
margin: 2px;
padding-left: 3px;
)
# Links um {color: # 003;
text-decoration: none;
)
# Links a: hover {color: # 03C;
)
/ * Downloads /
# Downloads {width: 230px;
height: auto;
margin: 5px 0 3px 3px;
background-color: # FFF;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
border: 1px solid # 999;
font-size: 12px;
color: # FFF;
text-align: center;
)
# Downloads h4 {border: 1px solid # CCC;
background-color: # 333;
)
# Downloads p {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 11px;
color: # 333;
text-align: left;
text-decoration: none;
margin: 2px;
padding-left: 3px;
)
# Download de um {color: # 003;
text-decoration: none;
)
# Downloads a: hover {color: # 03C;
)
/ Agenda /
# Agenda {width: 230px;
height: auto;
margin: 0 3px 4px 3px;
background-color: # FFF;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
border-right: 1px dashed # 999;
font-size: 12px;
color: # FFF;
text-align: center;
)
# Agenda h4 {border: 1px solid # CCC;
background-color: # FC0;
)
# Agenda p {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 11px;
color: # 333;
text-align: left;
text-decoration: none;
margin: 2px;
)
# Uma agenda {color: # 003;
text-decoration: none;
)
# Agenda a: hover {color: # 03C;
)
/ Leis e Normas /
# ILE {width: 230px;
height: auto;
margin: 10px 3px 3px 3px;
background-color: # FFF;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
border: 1px dashed # 999;
color: # 000;
text-align: center;
)
# ILE h4 borda {: 1px solid # CCC;
background-color: # CCC;
)
# Colares p {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 11px;
color: # 333;
text-align: center;
text-decoration: none;
margin: 2px;
padding-left: 3px;
)
# ILE um {color: # 003;
text-decoration: none;
)
# Colares a: hover {color: # 03C;
)
/ Termina Aqui sidebar_esquerda a /
/ * Fundocontatos /
# Fundo {height: 550px;
margin: 5px 0 0 3px;
background-color: # F7F7F7;
border: 1px solid # 999;
clear: both;
)
/ Texto Empresa /
# Texto {float: right;
margin: 18px 0 0 9px;
height: 70px;
background-color: # FEFBC2;
width: 700px;
border: 1px solid # 990;
text-align: justificar;
padding: 8px;
)
# Texto h3 {font-family: Tahoma, Geneva, sans-serif;
font-size: 12px; color: # 333;
font-weight: bold;
)
/ Imgempresa /
# Imgempresa {float: left;
margin: 25px 0 0 70px;
border: 1px solid # 990;
width: 162px;
)
# Texto2 {float: right;
margin: 40px 90px 0 15px;
height: 68px;
background-color: # FEFBC2;
width: 380px;
border: 1px solid # 990;
text-align: justificar;
padding: 12px 15px;
)
# Texto2 h3 {font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
color: # 333;
font-weight: bold;
)
/ Imgempresa2 /
# Imgempresa2 {float: right;
border: 1px solid # 990;
width: 135px;
height: 92px;
margin: 22px 0 0 15px;
text-align: center;
)
# Texto3 {float: left;
text-align: justificar;
padding: 6px;
margin: 26px 0 0 20px;
border: 1px solid # 990;
width: 550px;
height: 70px;
clear: left;
background-color: # FEFBC2;
)
# Texto3 h3 {font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
color: # 333;
font-weight: bold;
)
/ Imgempresa3 /
# Imgempresa3 {float: left;
border: 1px solid # 990;
width: 130px;
height: 90px;
margin: 30px 0 0 8px;
)
# Texto4 {float: right;
text-align: justificar;
padding: 8px;
margin: 26px 8px 0 0;
border: 1px solid # 990;
width: 570px;
height: 68px;
background-color: # FEFBC2;
)
# Texto4 h3 {font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
color: # 333;
font-weight: bold;
)
/ Form Contatos /
margem {# formcontatos: 2px;
float: left;
border: 1px solid # CCC;
background-color: # F0F0F0;width: 98%;}
# Formcontatos Botao {background-color: #. FBD337;
padding: 3px;
font-family: Arial, sans-serif;
font-size: 11px;
font-weight: bold;
color: # FFF;
)
# Formcontatos fieldset {border: 0;
margin: 0 0 2px 10px;
color: # 442;
font-family: Tahoma, Geneva, sans-serif;
font-size: 13px;
)
# Formcontatos input {background: # FFF;
padding: 3px 3px;
margin: 3px;
border: 1px solid # DA8E03;
font-size: 12px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: # 333;
)
# Formcontatos textarea {background: # FFFDF2;
margin: 5px 3px;
border: 1px solid # DA8E03;
font-size: 12px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: # 333;
)
formcontatos # select {background: # FFFDF2;
border: 1px solid # DA8E03;
font-size: 12px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: # 333;
margin: 2px;
)
# Formcontatos input: hover {cursor: pointer;
border: 1px solid # 954F00;
)
# Formcontatos textarea: hover {cursor: pointer;
border: 1px solid # 954F00;
)
# Formcontatos selecione: hover {cursor: pointer;
border: 1px solid # 954F00;
)
/ Imagem Contatos /
# Imgcontatos {float: right;
margin: 10px 0 0 50px;
width: 200px;
border: 2px solid # CCC;
)
/ * Currículo / Formulário
# Formcurriculum {margin: 5px;
float: right;
border: 1px solid # CCC;
background-color: # F0F0F0;
width: 98%;
)
# Formcurriculum fieldset {border: 0;
margin: 0 0 2px 10px;
color: # 442;
font-family: Tahoma, Geneva, sans-serif;
font-size: 13px;
)
# Entrada formcurriculum {background: # FFF;
padding: 3px 3px;
margin: 3px;
border: 1px solid # DA8E03;
font-size: 12px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: # 333;
)
# Formcurriculum textarea {background: # FFF;
margin: 5px 3px;
border: 1px solid # DA8E03;
font-size: 12px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: # 333;
)
formcurriculum # select {background: # FFF;
border: 1px solid # DA8E03;
font-size: 12px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: # 333;
margin: 2px;
)
# Entrada formcurriculum: hover {cursor: pointer;
border: 1px solid # 954F00;
)
# Textarea formcurriculum: hover {cursor: pointer;
border: 1px solid # 954F00;
)
# Formcurriculum selecione: hover {cursor: pointer;
border: 1px solid # 954F00;
)
/ * Curriculum Imagem /
# Imgcurriculum {float: right;
margin: 50px 0 0 40px;
width: 200px;
border: 2px solid # CCC;
)
/ * Lateral Direita /
# Sidebar {width: 210px;
height: auto;
background-color: # FFF;
border: 1px solid # 996;
float: left;
margin: 3px 4px 4px 4px;
)
# Sidebar hr {width: 200px;
height: 1px;
float: right;
margin: 0 0 0 5px;
color: # 999;
)
/ * Noticias /
margem # noticias {: 0 0 0 50px;
text-align: center;
)
/ * Parcerias /
# Parcerias {float: left;
margin: 0 0 0 70px;
)
# Parcerias h3 {margin: 30px 20px;
)
# Parcerias a {text-decoration: none;
font-size: 11px;
color: # 003;
)
# Parcerias p {margin: 20px 0 0 60px;
text-align: center;
)
margem {# texto_parcerias: 20px 10px 20px 10px;
)
# Servicos {float: left;
margin: 5px 40px 10px 10px;
)
# Servicos h6 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: # 333;
)
# Servicos a {text-decoration: none;
font-size: 11px; color: # 003;
)
# Servicos p {text-align: left;
margin-top: 5px;
)
/ * Orçamentos /
# Formorcamentos {margin: 5px;
float: right;
border: 1px solid # CCC;
background-color: # F0F0F0;
width: 98%;
)
# Formorcamentos fieldset {border: 0;
margin: 0 0 2px 10px;
color: # 442;
font-family: Tahoma, Geneva, sans-serif;
font-size: 13px;
)
# Entrada formorcamentos {background: # FFF;
padding: 3px 3px;
margin: 3px;
border: 1px solid # DA8E03;
font-size: 12px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: # 333;
)
# Formorcamentos textarea {background: # FFF;
margin: 5px 3px;
border: 1px solid # DA8E03;
font-size: 12px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: # 333;
)
formorcamentos # select {background: # FFF;
border: 1px solid # DA8E03;
font-size: 12px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: # 333;
margin: 2px;
)
# Formorcamentos input: hover {cursor: pointer;
border: 1px solid # 954F00;
)
# Formorcamentos textarea: hover {cursor: pointer;
border: 1px solid # 954F00;
)
formorcamentos # selecione: hover {cursor: pointer;
border: 1px solid # 954F00;
)
/ Imagem Orcamentos /
# Imgorcamentos {float: right;
height: auto;
margin: 15px 0 0 150px;
border: 2px solid # CCC;direito;: claro
)
/ Rodapé /
# Footer {width: 980px;
height: 20px;
padding: 5px;
background-color: # F90;
border: 1px solid # F60;
margin: 0 auto;
clear: both;
text-align: center;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: # FFF;
font-weight: bold;
font-size: 13px;
)
Validação # {width: 90px;
height: 35px;
margin: 0 auto;
text-align: center;
)Discussão (1)
Carregando comentários...