Adicionem o novo domínio do blog aos seus favoritos! www.crashcomputer.com.br

Postagens com a tag ‘Piclistbr’

   terça-feira, 31 de agosto de 2010

Octeto!



PéssimoRuimMédioBomExcelente (4 votos, média: 5,00 de 5)

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. X-P

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. D:-

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! :crazy:

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. :hmm:

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. :hot:



  Melhor visualizado a
1024 x 768 True color
Proudly powered by WordPress. Theme developed with WordPress Theme Generator.
E altamente gambiarrado por mim mesmo :)
Copyright © 2010 by Crash Computer. All rights reserved.
Switch to mobile version