Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Roger40

Problemas com versões de navegadores

Por , em Desenvolvimento frontend

Recommended Posts

Roger40    0

Roger40
Postado

Estou com sp Erioroblema n. visualizar corretamente o site Meu: [url = "http://www.unilinecontabil.com.br/"] 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;
)

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito