Già da qualche tempo per costruire una casa più attraente per il blog. Quanto male un programmatore dovrebbe fare appena entrato per testare le cose in Firefox. Quando abbiamo finalmente avuto il coraggio di aprire IE6 ho scoperto che il blog era tutto sfigurato. Ma poi al lavoro.
Uno dei problemi è apparso a me era il fatto che le barre laterali passano lungo la colonna principale. Non era capire che cosa lo farebbe per ricordarmi che IE non rispetta le dimensioni del div nel file CSS specificato.
Se abbiamo il CSS:

    #div fora{
        width:50px;
    }

    #div dentro{
        width:100%;
        border:1px solid #000;
    }

E os div’s estiverem aninhados desta forma:

<div id="fora">
    <div id="dentro">
    </div>
</div>

O que acontece é que o div exterior vai ser aumentado 2px por causa do bordo do div interior. Se todos os blocos no site estão medidos para caberem em determinado numero de pixeis pode ser o suficiente para dar cabo do layout. O Firefox por outro lado ignora este aumento e mantêm a dimensão do div interior.
Na página inicial tenho um bloco com um destaque e no seu interior abre outro bloco do plugin WP Great Box que sauda os novos visitantes e convida a subscrever o feed ou outra coisa qualquer que queiramos. Mais, podemos definir mensagens e ícones diferentes conforme a origem do visitante. Além disso o aspecto é completamente personalizável. Muito útil mas era precisamente o ficheiro CSS deste plugin que estava a dar problemas. Solução rápida (que pode não ser a mais inteligente)? Modificar o ficheiro wp-great-box.css que se encontra na pasta do plugin, trocando os 100% por 99%:

.greet_block {
    background:#fff;
    border:1px solid #eee;
    margin:10px 0;
    width:99%;
}