Tableless - Desenvolvimento inteligente com Padrões Web

03/06/2005

CSS Frame Emulation

Interessante… Não to com tempo de estudar isso… mas aqui vai para vocês estudarem antes de mim! CSS Frame Emulation

Por

Interessante…
Não to com tempo de estudar isso… mas aqui vai para vocês estudarem antes de mim! :-D

CSS Frame Emulation

Por Diego Eis

Diego Eis criou o Tableless para disseminar os padrões web no Brasil. Como consultor já treinou equipes de empresas como Nokia, Globo.com, Yahoo! e iG. É palestrante e empreendedor.

http://twitter.com/diegoeis/

Veja os outros posts de

  • William

    fica zuado, mto lerdo o movimento da barra de rolagem..

  • Germano

    Poisé. Como o William disse, fica muito travado a barra de rolagem. Mas isso só aconteceu no FF. IE e os outros aparecem normais. FF tem um sério problema com fundos fixos. Já percebi isso em outras páginas.

  • http://www.newtonweb.info/blog Newton Wagner

    Uso o Opera 8 e funcionou perfeitamente. Não ficou lento como o William disse. (viva o Opera :D [heheheh, qquer dia vão me bater na rua! :P ]).

    Ficou muito bem feito o lance! tem alguma coisa de muito diferente além de Position Fixed e z-index?

  • http://www.webroom.com.br Henrique Costa pereira

    Não concordo quando ele diz que HACKS não validam… Eu valido todos os meus CSS e TODOS possuem haks inevitavelmente.

    Dá mais trabalho fazer do geito que ele está falando do que usar os hacks certos que validam!!!!

  • http://www.wesleyhenrique.net Wesley Henrique

    Já tinha visto isso no site http://www.rammstein.de, achei muito legal! Mas fiquei com pregüiça de ficar estudando o código. Hehehe.

  • http://www.morenet.com.br Vitor

    muito bonito mesmo, e interessante, mas .. firefox.. muito estranho =X
    uma pena.. problemas de renderização ? fundo fixo ? o que deve ser ????

  • http://www.estatis.com.br guilherme

    tb jah tinha visto… no opera funciona beleza… no ff realmente fica um bocado lento… mas no ‘Deer Park’ [versao alpha do ff 1.1] funcino quase q perfeito :)
    Deer Park -> http://www.mozilla.org/projects/firefox/

  • http://www.wesleyhenrique.net Wesley Henrique

    O problema é que se tiver um input de qualquer tipo no formulário já era tudo, os campos vão ficar sobre a imagem.

    Estou tentando resolver esse problema colocando no lugar de uma imagem, um iframe do mesmo jeito.

  • http://www.wesleyhenrique.net Wesley Henrique

    Alguém sabe como eu posso posicionar um iframe fixado no topo do HTML para o IE?

    No Firefox funcionou perfeitamente, mas no IE quando eu coloco ele fica como um elemento normal, não fica fixado na tela.

    Parece que ele ignora a propriedade position:fixed

  • http://paulo.caseweb.com.br Paulo

    Caraca, que coisa mais leeerda!!! Definitivamente prefiro meus métodos pessoais de "frames".

  • http://www.marcusvbp.com.br Marcus VBP

    Estranho!!! aqui no FF do meu trabalho nao ficou lento como vcs estao dizendo!

    alguem desabilitou as imagens para saber se são elas que estão causando a lentidão?

  • Romulo

    Eeeee diego!!! isso que eu te perguntei outro dia se existia algum recurso que pudesse ser utilizado como frame!
    1 abraço!

  • Germano

    Marcus VBP,

    Desabilitei as imagens e ficou normal a barra de rolagens. Ativei para aparecer as imagens novamente e a barra ficou lenta denovo.

  • http://www.morenet.com.br Vitor

    exatamente por que o problema deve estar na renderização das imagens fixas..

  • Fabiano Santos Figueiredo

    Bom, pelo que vi, neste css foi definido duas camadas diferentes, uma é com a tag HTML e outra com a tag BODY.

    Tudo que é fixo foi definido como subclasse do HTML e tudo que é móvel ficou como estava, isto é, no BODY.

    Sendo assim, a pessoa apenas retirou a barra de rolagem do HTML com o ‘overflow: hidden’ e habilitou a do BODY com ‘overflow-y: scroll’.

    Galera, não sou novo aqui, porém é a primeira vez que escrevo. Se eu estiver errado ou se forem necessários acréscimos, por favor me corrigam com toda diplomacia que este site nos tem oferecido.

    Obrigado.

  • http://www.marcusvbp.com.br Marcus VBP

    não cheguei a estudar o código, mas antes eu já havia encontrado páginas que emulavam o position: fixed no IE. o problema dessas paginas é que tudo que era position: absolute virava position: fixed, ae nao valia a pena.

    esse tambem eh assim?

  • http://a-rion.deviantart.com/ A r y a n n e H

    Gostaria de saber se alguem pode de me dizer algum recurso que seje como o frame do HTML, estou tenho serios problemas como navegadores e muita gente me diz que esses sao por causa do Frame..
    Meu msn: aryaneaas@hotmail.com

    obrigada