Problemas com versões de navegadores
Olá .
Peço ajuda a quem puder , para o seguinte caso :
O site que fiz está on-line: www.unilinecontábil.com.br se comporta bem com IE8 e FF 3.6.0 , porém ao Navegar No IE6 e IE7 como INTEIRO as propridades de Float div's bagunçam o site .
Se puderem me ajudar estou enviando Código CSS do site .
/ reset /
{Margin: 0; padding: 0;} *
body {background : # FFF ;}
# caixa {width : 990px ;
height: auto;
margin: 0 auto ;
}/ Topo /
# header { Altura : 180px ;
background: url ( imagens / bg_topo.jpg );
}
# conteudo_endereco {width : 300px;
text-align : center;
font-family : " Trebuchet MS " , Arial , Helvetica , sans-serif ;
float: right ;
margin-top: 35px ;
margem direita : 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-bottom: 2px ;
}
# menu a { float: left ;
text-decoration : none;
color: # C60 ;
font : 13px " Trebuchet MS " , Arial , Helvetica , sans-serif ;
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: 11px " Trebuchet MS " , Arial , Helvetica , sans-serif ;
color: # 333 ;
padding: 5px 4px ;
}
. Pesquisar {color : # FFF ;
font-family: Tahoma 13px , Geneva , sans-serif ;
}
# search { float: right ;
}/ menulist /
# menulist a { float: right ;
height: 10px;
text-decoration : none;
color: # C60 ;
font-family: 11px " Trebuchet MS " , Arial , Helvetica , sans-serif ;
padding: 12px 10px;
}
# menulist a: hover {text -decoration: underline;
}/ * / Dados
# dados { float: right ;
margem direita : 5px ;
margin-top: 20px ;
margin-bottom: 4px ;
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 ;
margin: 0 2px 2px 4px ;
border: 1px solid # CCC ;
}
# conteudo h1 { font-family: Tahoma 18px , Geneva , sans-serif ;
color: # 815401 ;
border-bottom : 1px solid # F90 ;
margin: 5px 10px 0;
padding: 0 0 0 3px ;
width: 750px ;
}
# conteudo h2 {font -family: Tahoma 13px , Geneva , sans-serif ;
color: # 999;
font-weight : bold;
height: 20px ;
margem direita : 3px;
margin-left: 3px;
margin: 4px ;
background-color : # F7F7F7 ;
border: 1px solid # 999;
clear: both ;
}
# conteudo h3 { font- familly : 18px " Trebuchet MS " , Arial , Helvetica , sans-serif ;
color: # 996 ;
}
# conteudo p { font-family: Tahoma , Geneva , sans-serif ;
color: # 666;
font-size: 11px;
margin-top: 7px ;
margin-left: 5px ;
margem direita : 7px ;
margin-bottom: 10px;
text-align: justificar;
}
# Barra {width: 98%;
height: 1px;
border: 1px solid # F90 ;
background-color: # FC0 ;
margin-left: 5px ;
}
# apresentacao {width : 515px ;
height: auto;
float: right ;
margem direita : 8px ;
margin-top: 5px ;
}
# divulgacao {width : 515px ;
height: 200px ;
background-color : # 666;
float: right ;
margem direita : 8px ;
margin-top: 2px ;
}
Cotação # {width : 230px ;
height: auto;
margin-top : 3px;
margin-bottom: 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-top: 5px ;
margin-bottom: 10px;
background-color : # F4F4F4 ;
font-family : " Trebuchet MS " , Arial , Helvetica , sans-serif ;
border: 1px solid # 999;
font-size: 12px ;
color: # FFF ;
text-align : center;
clear: left ;
}
# 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-bottom: 10px;
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-bottom: 10px;
background-color : # FFF ;
font-family : " Trebuchet MS " , Arial , Helvetica , sans-serif ;
border-right : 1px dashed # 999;
font-size: 12px ;
color: # FFF ;
text-align : center;
margem direita : 220px ;
}
# 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-top: 10px;
background-color : # FFF ;
font-family : " Trebuchet MS " , Arial , Helvetica , sans-serif ;
font-size: 12px ;
border: 1px dashed # 999;
color: # 000 ;
text-align : center;
margem direita : 220px ;
}
# 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 ;
}/ * fundocontatos /
# Fundo {height: 550px ;
margem direita : 3px;
margin-left: 3px;
margin-top: 5px ;
background-color : # F7F7F7 ;
border: 1px solid # 999;
clear: both ;
}/ Texto Empresa /
# Texto { float: right ;
margem direita : 18px ;
height: 70px ;
margin-top: 9px ;
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-top: 25px ;
margin-left: 8px ;
border: 1px solid # 990;
width: 162px ;
}
# texto2 { float: right ;
margem direita : 140px ;
height: 68px ;
margin-top: 43px ;
background-color : # FEFBC2 ;
width: 400px ;
border: 1px solid # 990;
text-align: justificar;
padding: 8px ;
}
# 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-top: 22px ;
margem direita : 8px ;
text-align : center;
}
# texto3 { float: left ;
text-align: justificar;
padding: 8px ;
margin-top: 24px ;
margin-left: 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 ;
display: inline-block ;
border: 1px solid # 990;
width: 130px ;
height: 90px ;
margin-top: 30px ;
margin-left: 8px ;
}
# texto4 { float: right ;
text-align: justificar;
padding: 8px ;
margin-top: 29px ;
margem direita : 8px ;
border: 1px solid # 990;
width: 570px ;
height: 68px ;direito; : claro
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 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 : # FFF ;
margin: 5px 3px;
border: 1px solid # DA8E03 ;
font-size: 12px ;
font-family : " Trebuchet MS " , Arial , Helvetica , sans-serif ;
color: # 333 ;
}
formcontatos # select {background: # FFF ;
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 ;
margem direita : 50px ;
margin-top: 10px;
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 ;
margem direita : 40px ;
margin-top : 50px ;
width: 200px ;
border: 2px solid # CCC ;
}/ * Lateral Direita /
# sidebar {width: 210px ;
height: auto;
background-color : # FFF ;
border: 1px solid # 996 ;
float: left ;
margin-bottom: 3px;
margin: 4px ;
}
# sidebar hr { float: right ;
margem direita : 5px ;
color: # 999;
}/ * Noticias /
# noticias { margin-left : 50px ;
text-align : center;
}/ * Parcerias /
# Parcerias { float: left ;
margin-left: 70px ;
}
# Parcerias h3 {margin: 30px 20px ;
}
# Parcerias a { text-decoration : none;
font-size: 11px;
color: # 003 ;
}
# p Parcerias {margin- top: 20px ;
text-align : center;
margem direita : 60px ;
}
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 ;
margem direita : 15px;
margin-top: 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;
}Agradeço D + Quem Puder me ajudar .
Rogério.
Discussão (3)
Carregando comentários...