Eu e um amigo (Lip*.*) estamos atolados, infectados, contaminados a uns 20 dias com um “vírus”… estamos construindo um site do ZERO! É o site da PiclistBR. A lista já tem 11 anos (completados dia 15 deste mês) e nunca teve um site decente. Até tivemos duas “tentativas”…
A primeira naufragou a 2 anos atras quando a pessoa que estava hospedando a lista em seu servidor, resolveu tomar a bola das mãos os fundadores e se achou o dono da casa. Houve um bafafá desgraçado, e a lista acabou migrando para o GoogleGroups. Qualquer dia eu falo dessa história, que com certeza vai render um post macarrônico…
A segunda tentativa ocorreu em novembro do ano passado e naufragou cerca de 9 meses depois, rende outra história macarrônica.
Depois das duas tentativas de termos um site, resolvi eu mesmo meter as mãos a massa e criar algo do zero. O layout inicial eu mesmo bolei, a disposição dos elementos, aquela coisa básica e chata de se fazer. Quanto já tinha o layout pronto e o CSS já meio que ajeitado, chamei os outros administradores e um dos moderadores para ajudar desse ponto em diante. O grosso da coisa já foi feito por mim e pelo Lip. O resultado já pode ser visto na imagem ai mais pra baixo.
O motivo deste post? Simples, o site é basicamente formatado em CSS, funciona LINDAMENTE no Firefox, Opera, Chrome e outros, acredite se quiser até mesmo no Netscape 9. Mas tem um MALDITO navegador que o site dá xiliques brabros de formatação. Adivinha??? Que gritou Internet Explorer, acertou na mosca!
É inacreditável como a Dona Micro$oft, já esta para lançar o beta do IE9 e até agora no IE8 não implementou corretamente o CSS! Tem algumas propriedades do CSS2 que simplesmente NÃO FUNCIONAM no IE. Coisas básicas como larguras de elementos, bordas, etc.
Isso já me botou em estado de loucura na ultima semana, de tanto “jeitinho” e “gambiarra” que eu tive que fazer no código HTML e no CSS pra que o site fique minimamente usável no IE. Tive que recorrer até ao velho truque de enfiar figuras com 1 pixel de espessura e largura definida na cacetada pra manter os frames abertos no tamanho certo, independente do usuário querer encolher a janela mais do que deve, para não destruir um minimo de formatação.
Clica ai que “aumentelha”
E isso tudo me levou a: Instalar um ECA-BLERGH-XP numa VM, pra poder instalar uma pá de navegadores diferentes pra analisar como o site se comporta em cada um deles. É a figurinha que esta ali no topo do post. Olha que fofura!
Até o fossilizado Netscape Communicator 4.79 eu instalei, obviamente que esse foi de sacanagem e saudosismo, eu comecei na internet com o bom (para a epoca) Netscpape Navigator 3! Apesar que ele não suporta nada de CSS, nem sabe o que é imagem PNG, mas não é que o velho 4.79 até que abriu o site de uma forma “usável”?
O site tem um layout que eu nunca tinha usado e foi a fonte maior de dores de cabeça: Layout Elástico.
Ele aceita uma largura minima de 800 pixels e pode abrir o frame principal até 1200 pixels. O frame principal, tem uma relação de 90% de largura da tela até que o frame principal atinja os 1200 pixels de largura. Acima disso ele trava o frame e aumenta as bordas.
Tudo foi muito bem no Firefox, só que o MALDITO IE, não reconhece as tags min-width e max-width no CSS. Dai, só com a velha gambiarra que eu já disse acima, figuras transparentes.
É claro que eu não deixei “barato” pra quem usa IE, na HOME terá um “lembretinho” pra quem entrar usando o maldito IE.