Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Carol Paschoal

[Resolvido] position fixed x ie7 windows vista

Recommended Posts

No projeto que estou desenvolvendo com minha equipe, no material há uma barra fixa de navegação que fica no topo, vindo abaixo o conteúdo. Como o iframe foi abolido, estou usando position:fixed, que para funcionar no ie precisa de uma "gambiarra", descrita abaixo. Tudo funcionando mas, não sei porque, fomos visualizar no windows vista no notebook e no ie a barra de rolagem nao aparece, comprometendo o conteúdo. Será o windows vista? o que posso fazer?

 

Para o ie:

 

#barra_funcionalidades { position: absolute !important; z-index:1000; }
body#materia { height: 100% !important; width: 100% !important;
	  margin: 0 !important; position: relative; }
html { overflow-y: hidden !important; overflow-x:hidden !important; }
#newbody { position: relative !important; overflow-y: scroll !important;
	   height: 100% !important; width: 100% !important; margin: 0 !important; }

Para o ff:

 

#barra_funcionalidades {
	width:100%;
	height:37px;
	margin:auto;
	padding: 8px 8px 0px 8px;
	background:url(../img/bg_barra.gif) repeat-x;
	position:fixed;
}

html:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " [url="http-~~-//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">"]http-~~-//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">[/url]
[url="http-~~-//december.com/html/4/element/html.html"]<html[/url] xmlns="http-~~-//www.w3.org/1999/xhtml">
[url="http-~~-//december.com/html/4/element/head.html"]<head>[/url]
[url="http-~~-//december.com/html/4/element/meta.html"]<meta[/url] http-equiv="Content-Type" content="text/html; charset=utf-8" />
[url="http-~~-//december.com/html/4/element/title.html"]<title>[/url]title</title>
[url="http-~~-//december.com/html/4/element/link.html"]<link[/url] href="../../../barra_funcionalidades/global/css/funcionalidades.css" rel="stylesheet" type="text/css" />
[url="http-~~-//december.com/html/4/element/link.html"]<link[/url] href="../../../global/css/default.css" rel="stylesheet" media="screen" />
[url="http-~~-//december.com/html/4/element/link.html"]<link[/url] href="../../../global/css/impressao.css" rel="stylesheet" media="print" />
[url="http-~~-//december.com/html/4/element/link.html"]<link[/url] rel="alternate stylesheet" type="text/css" href="../../../global/css/default.css" title="ambiente01" />
[url="http-~~-//december.com/html/4/element/link.html"]<link[/url] rel="alternate stylesheet" type="text/css" href="../../../global/css/ambiente_street.css" title="ambiente02" />
[url="http-~~-//december.com/html/4/element/link.html"]<link[/url] rel="alternate stylesheet" type="text/css" href="../../../global/css/ambiente_janelas.css" title="ambiente03" />
[url="http-~~-//december.com/html/4/element/link.html"]<link[/url] rel="alternate stylesheet" type="text/css" href="../../../global/css/ambiente_rosa.css" title="ambiente04" />
[url="http-~~-//december.com/html/4/element/link.html"]<link[/url] rel="alternate stylesheet" type="text/css" href="../../../global/css/ambiente_natureza.css" title="ambiente05" />
[url="http-~~-//december.com/html/4/element/link.html"]<link[/url] rel="alternate stylesheet" type="text/css" href="../../../global/css/ambiente_simples.css" title="ambiente06" />
[url="http-~~-//december.com/html/4/element/script.html"]<script[/url] src="../../../barra_funcionalidades/global/js/styleswitcher.js" type="text/javascript"></script>
[url="http-~~-//december.com/html/4/element/script.html"]<script[/url] src="../../../global/js/default.js" type="text/javascript"></script>

<!--[if IE]>

[url="http-~~-//december.com/html/4/element/link.html"]<link[/url] href="../../../global/css/for_ie.css" rel="stylesheet" type="text/css" />
[url="http-~~-//december.com/html/4/element/link.html"]<link[/url] href="../../../global/css/for_ie.css" rel="stylesheet" type="text/css" title="default" />
[url="http-~~-//december.com/html/4/element/link.html"]<link[/url] href="../../../global/css/for_ie.css" rel="alternate stylesheet" type="text/css" title="ambiente01" />
[url="http-~~-//december.com/html/4/element/link.html"]<link[/url] href="../../../global/css/for_ie2.css" rel="alternate stylesheet" type="text/css" title="ambiente02" />
[url="http-~~-//december.com/html/4/element/link.html"]<link[/url] href="../../../global/css/for_ie3.css" rel="alternate stylesheet" type="text/css" title="ambiente03" />
[url="http-~~-//december.com/html/4/element/link.html"]<link[/url] href="../../../global/css/for_ie4.css" rel="alternate stylesheet" type="text/css" title="ambiente04" />
[url="http-~~-//december.com/html/4/element/link.html"]<link[/url] href="../../../global/css/for_ie5.css" rel="alternate stylesheet" type="text/css" title="ambiente05" />
[url="http-~~-//december.com/html/4/element/link.html"]<link[/url] href="../../../global/css/for_ie6.css" rel="alternate stylesheet" type="text/css" title="ambiente06" />
<![endif]-->
[url="http-~~-//december.com/html/4/element/script.html"]<script[/url] src="../../../Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
[url="http-~~-//december.com/html/4/element/body.html"]<body[/url] id="materia">
     [url="http-~~-//december.com/html/4/element/div.html"]<div[/url] id="barra_funcionalidades">
            [url="http-~~-//december.com/html/4/element/a.html"]<a[/url] href="#" onclick="java script:tamanhoFonte(0);">[url="http-~~-//december.com/html/4/element/button.html"]<button[/url] id=

Compartilhar este post


Link para o post
Compartilhar em outros sites

ainda nao ta publicado mas acho que resolvi!

 

#newbody { position: relative !important; overflow: scroll; overflow-x:hidden !important;

height: 100% !important; width: 100% !important; margin: 0 !important; }t

Compartilhar este post


Link para o post
Compartilhar em outros sites

Opâ, que bom que além de achar a solução você postou para o pessoal futuramente.

Qualquer nova dúvida post. Sempre atente para busca pois pode encontrar algo que te ajude antes de abrir um novo tópico. ;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.