Problema com IE6

[LucasConstantino]

Claro, claro... todo mundo aqui já viu um tópico como esse! Pois então!

https://dl.getdropbox.com/u/287795/SLPG%201...x768/index.html

Alguém sabe como resolver os bugs dessa página ai? A página ainda não ta completa, mas já da pra ter idéia dos problemas que o IE6 me ta dando... no firefox parece funcionar direitinho, assim como no chrome ou outros...

Alguma dica?

[_Cristiano_]

Só para entender seu código. Onde está o CSS "administrativa"????

Abraços.

Editado Março 14, 2009 por _Cristiano_

[LucasConstantino]

Nossa, desculpa! esqueci totalmente disso...

https://dl.getdropbox.com/u/287795/SLPG%201...68/cssindex.css

Ou aqui:

@charset "utf-8";
#page {
    width: 996px;
    margin-right: auto;
    margin-left: auto;
}

    
    #page #fade_top {
        height: 23px;
        width: 996px;
        background-image: url(images/fade_top.jpg);
    }
    
    #page #fade_sides {
        background-image: url(images/fade.jpg);
        width: 996px;
    }
        
        
        #page #fade_sides #container {
            width: 960px;
            margin-right: auto;
            margin-left: auto;
            background-color: #2d2d2d;
        }
            
            
            #page #fade_sides #container #newsbar {
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #000000;
    }    
        
            
                #page #fade_sides #container #noticias {
                    height: 30px;
                    background-color: #0a425b;
                    color: #FFFFFF;
                    line-height: 30px;
                    font-size: 12px;
                    float: left;
                    width: 769px;
                    background-image: url(images/noticias_background.jpg);
                    background-repeat: repeat-x;
                    font-weight: bold;
                    padding-left: 10px;
                }
            
            
            #page #fade_sides #container #leftblock {
                width: 175px;
                float: left;
                margin-bottom: 5px;
                background-image: url(images/menu_shadow.jpg);
                background-repeat: repeat-y;
            }
                
                
                #page #fade_sides #container #leftblock #menu {
                    float: left;
                }
                    #page #fade_sides #container #leftblock #menu #menutitle {
    background-image: url(Images/Menu_title.jpg);
    height: 56px;
    width: 167px;
    border-top-width: 0px;
    border-top-style: solid;
    border-top-color: #878787;
                    }
                    #page #fade_sides #container #leftblock #menu #navmenu {
                        width: 162px;
                        border-right-width: 5px;
                        border-right-style: solid;
                        border-right-color: #787878;
                    }
                        
                        
                        #page #fade_sides #container #leftblock #menu #navmenu #homebutton {
                            height: 24px;
                            width: 154px;
                            border-top-width: 1px;
                            border-bottom-width: 1px;
                            border-top-style: solid;
                            border-bottom-style: solid;
                            border-top-color: #2b2b2b;
                            border-bottom-color: #2b2b2b;
                            line-height: 23px;
                            padding-left: 8px;
                            background-color: #FFFFFF;
                            font-size: 14px;
                        }
                        #page #fade_sides #container #leftblock #menu #navmenu #escritoriobutton {
                            height: 24px;
                            width: 154px;
                            border-bottom-width: 1px;
                            border-bottom-style: solid;
                            border-bottom-color: #2b2b2b;
                            line-height: 23px;
                            padding-left: 8px;
                            background-color: #FFFFFF;
                            font-size: 14px;
                        }
                        
                        #page #fade_sides #container #leftblock #menu #navmenu #historiabutton {
                            height: 24px;
                            width: 119px;
                            border-bottom-width: 1px;
                            border-bottom-style: solid;
                            border-bottom-color: #8f8f8f;
                            line-height: 23px;
                            padding-left: 43px;
                            background-color: #ececec;
                            font-size: 14px;
                        }
                        #page #fade_sides #container #leftblock #menu #navmenu #missaobutton {
                            height: 24px;
                            width: 119px;
                            border-bottom-width: 1px;
                            border-bottom-style: solid;
                            border-bottom-color: #8f8f8f;
                            line-height: 23px;
                            padding-left: 43px;
                            background-color: #ececec;
                            font-size: 14px;
                        }
                        
                        #page #fade_sides #container #leftblock #menu #navmenu #atuacaobutton {
                            height: 24px;
                            width: 154px;
                            border-bottom-width: 1px;
                            border-bottom-style: solid;
                            border-bottom-color: #2b2b2b;
                            line-height: 23px;
                            padding-left: 8px;
                            background-color: #FFFFFF;
                            font-size: 14px;
                        }
                        #page #fade_sides #container #leftblock #menu #navmenu #profissionaisbutton {
                            height: 24px;
                            width: 154px;
                            border-bottom-width: 1px;
                            border-bottom-style: solid;
                            border-bottom-color: #2b2b2b;
                            line-height: 23px;
                            padding-left: 8px;
                            background-color: #FFFFFF;
                            font-size: 14px;
                        }
                    
                    
                    #page #fade_sides #container #leftblock #menu #navmenublankarea {
                        background-color: #ececec;
                        height: 48px;
                        width: 162px;
                        border-right-width: 5px;
                        border-right-style: solid;
                        border-right-color: #787878;
                    }
                
                
                #page #fade_sides #container #leftblock #leftblockphotopart {
                background-image: url(images/left_block_photo_part.jpg);
                float: left;
                height: 110px;
                width: 8px;
                }
                #page #fade_sides #container #leftblock #navmenuend {
                    background-image: url(images/nav_menu_bottom_smooth.jpg);
                    height: 17px;
                    width: 175px;
                    clear: both;
                }
            
            
            #page #fade_sides #container #rightblock {
                float: left;
                width: 773px;
            }
                
                
                #page #fade_sides #container #rightblock #topphotos {
                    background-image: url(images/top_photos.jpg);
                    height: 110px;
                    width: 785px;
                }
                #page #fade_sides #container #rightblock #mainarea {
                    width: 781px;
                    margin-top: 8px;
                }
                    
                    
                    #page #fade_sides #container #rightblock #mainarea #maintopsmooth {
                        background-image: url(images/main_top_shadow.jpg);
                        height: 15px;
                        width: 781px;
                    }
                    #page #fade_sides #container #rightblock #mainarea #mainblock {
                        width: 781px;
                        background-image: url(images/main_shadow.jpg);
                        background-repeat: repeat-y;
                        padding-top: 6px;
                        padding-bottom: 20px;
                    }
                        
                        
                        #page #fade_sides #container #rightblock #mainarea #mainblock #main {
                            width: 739px;
                            height:auto;
                            min-height: 270px;
                            _height: 248px;
                            margin-right: auto;
                            margin-left: auto;
                        }
                    
                    
                    #page #fade_sides #container #rightblock #mainarea #mainbottonsmooth {
                        background-image: url(images/main_botton_shadow.jpg);
                        height: 19px;
                        width: 781px;
                    }
            

            #page #fade_sides #container #footer {
                font-size: 12px;
                background-color: #171717;
                height: 31px;
                color: #626262;
                line-height: 31px;
                text-align: center;
                clear: both;
            }
    
    
    #page #fade_down {
        height: 33px;
        width: 996px;
        background-image: url(images/fade_down.jpg);
    }

valeu ai!

Editado Março 14, 2009 por LucasConstantino

[_Cristiano_]

Não você não entendeu, eu tinha visto o css já, só queria saber sobre isso aqui.

<div id="noticias">.:: ÚLTIMAS NOTÍCIAS: Resumo de notícias vem aqui.</div>
             <div id="administrativa"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Acesso à Área Administrativa do site','','images/administrativa_link_hover.jpg',1)"><img src="Images/administrativa_link.jpg" name="Acesso à Área Administrativa do site" width="181" height="30" border="0" id="Acesso à Área Administrativa do site" /></a></div>

Tem algum css para essa div com id "administrativa"????

Abraços.

Editado Março 14, 2009 por _Cristiano_

[LucasConstantino]

Humm... entendi... vo da uma olhada la e depois coloco aqui, mas acho que entendi a idéia: vou criar uma regra css pra essa div e fazer ela ter o mesmo tamanho que a imagem, assim o IE6 não tira conclusões próprias...

valeu ai, se não der aviso!

E o resto, mais algo que consiga mudar?

[Norivan Oliveira]

Bom seu código tem erros na saída XHTML e por questões técnicas tem que ser corrigido para ficar no padrão, para isso basta usar o validator.

Agora esse negocio de que não funciona no IE 6, alguns desenvolvedores tem que parar com essa mania de querer ficar ouvindo cliente, analistas de suporte e gerentes de TI preguiçosos (para não falar outra coisa) que não atualizam os softwares que usam.

IE 6 é datado de 2002, é um absurdo ter gente usando isso hoje, mas tem, e tem muitos, por culpa nossa mesmo, desenvolvedores web, que ficamos querendo agradar a todos e ouvindo ladainha de alguns profissionais de TI e tentamos fazer tudo compatível, as vezes até mesmo fazendo 3 ou mais códigos para executar a mesma coisa.

A partir do momento que você valida seu sua usando o padrão W3C, pronto sua parte você fez. Se em algum navegador não funcionar, joga um script de identificação do navegador e redireciona o usuário para versão mais nova do mesmo navegador ou mesmo outro navegador.

Pelo caminho que a WEB está indo é provável que cheguemos a um ponto dos usuários estarem divididos entre mais de 3 navegadores principais e mais uns 5 secundários, se continuarmos com essa coisa de querer fazer tudo funcionar em versão morta de navegador daqui a alguns anos ao invés de 3 códigos diferentes (pra ie6, ie7 e ff) vamos ter que fazer 10 códigos diferentes um pra cada navegador.

Além do fato mais grave, no caso de sistemas, que é abrir falhas de segurança em seu sistema por simplesmente porque algumas pessoas tem preguiça de atualizar o navegador, deve ser lembrado que as pessoas tb tem preguiça de atualizar a JRE (Java), GTK, DirectX e etc por exemplo, mas atualizam sabe porque:

Enquanto não fizermos isso também vamos ser sempre os culpados por erros provocados por preguiça de usuário e técnicos meia boca que inventam 1000 desculpas esfarrapadas para não atualizar o navegador.