Mousepad novo

Postado em 28.05.2010 às 20:42

Sim. Eu tenho problema(s)

1 comentário | Comentar

Dicas de CSS: Rodapé

Postado em 15.05.2010 às 22:24

Inaugurando esta "seção", para aqueles que estão aprendendo CSS, uma dica básica para prender seu rodapé na base da tela, com muito ou pouco conteúdo no site.

Primeiramente a marcação HTML:

<div id="tudo">

    <div id="conteudo">
        seu conteúdo e suas milhões de divs aqui
    </div>

    <div id="rodape">Seu rodapé ó</div>

</div>

Ok, marcação CSS:

body, html {
    height: 100%;
    margin: 0;
}

#tudo {
    min-height: 100%;
    _height: 100%; /* declaração equivalente para o maldito IE6 */
    position: relative;
}

#rodape {
    width: "tamanho necessário";
    height: "tamanho necessário";
    position: absolute;
    bottom: 0;
}

#conteudo {
    padding-bottom: "use o mesmo tamanho utilizado na height do #rodape mais alguns pixels";
}

A explicação:
Primeiro colocamos uma div chamada #tudo para servir de container para meu #conteudo e #rodape. Simples. O segredo agora é falar para o meu body e html que sua altura é de 100%, significando que sua altura será automaticamente a mesma altura da tela do usuário.

Em seguida, determinamos a nossa div#tudo que fique com uma altura mínima de 100%, pois se nosso #conteudo for menor que a altura da tela, a #tudo vai deixar nosso #rodape lá embaixo, mas se ocorrer de o #conteudo passar dos limites da tela, que ele empure o nosso container junto, de quebra levando junto o safado do #rodapé.

Por fim, para grudar o #rodape na base da div#tudo, basta declarar position: relative na #tudo e absolute bottom: 0 no meu #rodape, significando que a div#tudo será a div pai que controlorá as coordenadas absolutas da div#rodapé.

Apenas um detalhe: O #rodape agora fica em cima do #conteudo, caso este seja maior que a tela, entao para isso determinamos um padding-bottom no #conteudo maior que a altura do #rodape.

Bom, é isso. Essa é uma técnica básica e universal para resolver um dos problemas mais comuns entre os novatos do CSS. Espero que sirva para alguma coisa! =D

177 comentários | Comentar

Resolvendo o problema de pop ups no Firefox 3.6+

Postado em 13.05.2010 às 14:24

Edit: Descobri que o problema aparece após instalar alguns complementos (No meu caso foi o tema Chromifox) e não na atualização padrão do Firefox 3.6. Mesmo assim, quem quiser resolver basta seguir os passos abaixo.

Pra quem, assim como eu, se frustra com o jeito que o Firefox 3.6 lida com a abertura de pop ups (que abrem em novas abas perdendo seu tamanho fixo), aqui está a solução que encontrei fuçando nas propriedades:

O problema:
Se você deixar habilitada a opção de abrir novas janelas em abas, ao clicar em um um link que abre um pop up (uma janela com largura e altura fixas por exemplo) nessa versão do Firefox, o pop abre em uma nova aba em vez de nova janela, perdendo seu tamanho estipulado.

A solução:
Na barra de endereços, digite about:config e ignore o aviso do Firefox para avançar. Na busca digite browser.link.open_newwindow.restriction, clique duas vezes no item que aparece e digite 2. Pronto, agora novas janelas abrem em novas abas e pop ups em novas janelas. =)

7 comentários | Comentar

Awesome Tiger!

Postado em 07.05.2010 às 14:29

Fui escolher uma caneca pra ficar na minha mesa no escritório quando me deparei com esta aqui. Adivinha por que estou tomando coca com ela neste momento.

Literalmente sem comentários | Comentar

Blog no more!

Postado em 06.05.2010 às 23:39

Deletei minha conta no blogger sendo que não usava mais. Meu site é um blog ora pois! Portanto, todas as minhas atualizações, desenhos, músicas e divagações serão postadas aqui mesmo!

Literalmente sem comentários | Comentar