Fixar uma uma "layer" na janela é fácil para um "browser standard". Mas, para não variar, o Internet Explorer obrigar a fazer uma pesquisa para os código position: fixed funcione relativamente bem. Imaginemos que a tal "layer" tem o nome de "fixme".
Este exemplo fica no canto superior esquerdo.#fixme {
position:fixed;
_position: absolute;
left: 0px; top: 0px;
}
div > div#fixme {
position: fixed;
}
div#fixme {
left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
Este exemplo fica no canto inferior direito:#fixmetoo {
position:fixed;
_position: absolute;
right: 0px;
bottom: 0px;
}
div > div#fixmetoo {
position: fixed;
}
div#fixmetoo {
right: auto;
bottom: auto;
left: expression( ( 0 - fixmetoo.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( ( 0 - fixmetoo.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
set
12
Div fixed em todos os browsers
Palavras chave: css, div, fixed
Assinar:
Postar comentários (Atom)
Diseño e iconos por N.Design Studio | A Blogger por Blog and Web
Um comentário:
obrigado pelas dicas!
consegui montar um template bonitinho com esses seus códigos!
Postar um comentário