Ir para conteúdo

POWERED BY:

Arquivado

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

Káliman Borges

[Resolvido] Fixar div no canto inferior direito, seguindo barra d

Por , em Desenvolvimento frontend

Recommended Posts

Káliman Borges    0

Káliman Borges
Postado

Boa tarde pessoal!

Não tenho certeza se é aqui mesmo que posto... mas por usar CSS e diagramação de páginas vou arriscar! =D

Consegui um script na internet para manter uma div sempre fixa no canto inferior direito do navegador...

parece que usa javascript para funcionar o dinamismo...

 

Acontece o seguinte... em todos os navegadores melhores (IE7, IE8, FFOX2, FFOX3, CHROME) funcionou normalmente, só que no maldito IE6 não funciona direito!!

ele dá espaçamento da margem, tanto direita quanto inferior, além de criar uma barra de rolagem horizontal!!!

o código que usei é o seguinte:

 

<style type="text/css">
#fixme {
  /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  position: absolute; 
  right: 0; 
  bottom: 0;
  z-index:10;  
}
body > div#fixme {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}
</style>
<!--[if gte IE 5.5]>
<![if lte IE 7]>
<style type="text/css">
div#fixme {
  /* IE5.5+/Win - this is more specific than the IE 5.0 version */
  right: auto; bottom: auto;
  left: expression( ( -20 - fixme.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  top: expression( ( -10 - fixme.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
</style>
<![endif]>
<![endif]-->

tudo dentro da tag head....

 

no CHROME:

Imagem Postada

 

 

no IE6:

Imagem Postada

Compartilhar este post

Link para o post
Compartilhar em outros sites

T.Colucci    33

T.Colucci
Postado

Olá Káliman,

 

Bem, reparei isso no seu código:

 

<style type="text/css">
div#fixme {
  /* IE5.5+/Win - this is more specific than the IE 5.0 version */
  right: auto; bottom: auto;
  left: expression( ( -20 - fixme.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  top: expression( ( -10 - fixme.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
</style>

E tipo... nunca vi nada parecido! Uma mescla de css com javascript... mas dentro da tag <style>???

 

Posso estar falando bobeira, mas vamos esperar o alguém se pronunciar a respeito. Mas que eu nunca vi isso... nunca vi!

 

 

:P

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

Pesquise no forum, sua pergunta já foi muito feita aqui.

 

como sou um cara legal vou lhe indicar um link, feito por mim e pelo Micox, sem java script:

http://forum.imasters.com.br/index.php?showtopic=252392

 

Tiago Colucci não use JAVASCRIPT tem solução em CSS puro.

 

Aline Branco é proibido fazer propaganda. Leia as regras.

Compartilhar este post

Link para o post
Compartilhar em outros sites

T.Colucci    33

T.Colucci
Postado

Tiago Colucci não use JAVASCRIPT tem solução em CSS puro.

 

Mas eu não indiquei o uso de javascript e sim disse que parecia que havia uma mescla de css e javascript no code dele. :D

Compartilhar este post

Link para o post
Compartilhar em outros sites

Káliman Borges    0

Káliman Borges
Postado

Então... como não sabia o nome da propriedade exata para procurar, acabei postando ^_^

 

Esse código que estou usando, achei num site gringo... nada parecido em sites brasileiros! Não do modo que pesquisei...

A página na qual estou usando isso é essa:

 

SITE

 

vou tentar usar algum desses exemplos que passou silverfox...

aliás, muito obrigado!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo de Tarso F. M.    24

Paulo de Tarso F. M.
Postado

Não parece ser uma mescla de CSS com JavaScript, é uma mescla de CSS com JavaScript. Essa "mescla" inclusive é encontrada nos scripts utilizados para fazer funcionar a propriedade min-width no IE6, mas eu nunca tive sucesso satisfatório na utilização dessas "mesclas"... http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif

 

Posso ter feito alguma coisa errada, não sei, mas evito de utilizar.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Káliman Borges    0

Káliman Borges
Postado

silverfox... usei seu exemplo em minha página e não deu mto certo.... =\

 

<head>
<style type="text/css">
*{
margin:0;
padding:0;
}
html,body{
overflow:hidden;
width:100%;
height:100%;
}
#fixed{
position:absolute;
top:50px;
left:20px;
background:#ddd;
}
#corpo{
width:100%;
height:100%;
overflow:auto;
}
@import url(estilos.css);
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SITE</title>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<body><div id="fixed">Fixo</div>
<div id="corpo">
TODO CONTEUDO AQUI
</div>
</body>

ficou assim olha: POSITION FIXED CSS

 

já o do micox funcionou legal no IE8 no FF3... porém no IE6 e IE7 o trem ficou mto doido tbm... <_<

 

MICOX

 

tá dificil esse macete!

 

 

=\

 

o que é melhor fazer hein??? =\

 

e se for para continuar com o meu código inicial? a mescla?? hAIUhaiuahiuahiauh

dá pra concertar o problema do IE6 q ela gera?

 

abraçosss

Compartilhar este post

Link para o post
Compartilhar em outros sites

Káliman Borges    0

Káliman Borges
Postado

silver.... com o teu método... conferi tudo! não tem um erro no meu código... só se ele foi afetado pela maneira como montei ....

=\

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
*{
margin:0;
padding:0;
}
html,body{
overflow:hidden;
width:100%;
height:100%;
}
#fixed{
position:absolute;
top:50px;
left:20px;
background:#ddd;
}
#corpo{
width:100%;
height:100%;
overflow:auto;
}
@import url(estilos.css);
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SITE</title>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<body>
<div id="fixed">Fixo</div>
<div id="corpo">
	<div id="tudo">
			<div id="topo">
				<div id="logotopo"><a href="index.php"><img src="images/bg_logo.jpg" alt="VZ Host - Hospedagem profissional" border="0" /></a></div>
				<div id="login"><b>Login:   </b> <a href="http://www.vzhost.info/cpanel" target="_blank">Painel de Controle</a> | <a href="http://www.vzhost.info/whm" target="_blank">Revenda</a> | <a href="http://www.vzhost.info/webmail" target="_blank">Webmail</a></div>
			</div>
			<div id="topobusca">
				<script type="text/javascript">
				AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','738','height','242','src','images/topobusca','quality','high','wmode','transparent','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','images/topobusca' ); //end AC code
				</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="738" height="242">
				<param name="movie" value="images/topobusca.swf" />
				<param name="quality" value="high" />
				<param name="wmode" value="transparent" />
				<embed src="images/topobusca.swf" quality="high" wmode="transparent" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="738" height="242"></embed>
				</object></noscript>
			</div>
			<div id="conteudo_container">
				<div id="navegacao">
					<p><a href="index.php">Inicial</a><br />
					<a href="hospedagens.php">Hospedagens</a><br />
					<a href="revendas.php">Revendas</a><br />
					<a href="dominio.php">Domínios</a><br />
					<a href="servicos.php">Serviços</a><br />
					<a href="clientes.php">Clientes</a><br />
					<a href="empresa.php">Empresa</a><br />
					<a href="contato.php">Contato</a><br />
					<a href="http://www.suporte.vzhost.info/">Suporte</a></p>
					<div id="infoslaterais"><a href="empresa.php"><img src="images/infraestrutura.jpg" border="0" /></a></div>
					<div id="infoslaterais"><a href="http://www.suporte.vzhost.info/"><img src="images/suporte.jpg" border="," /></a></div>
					<div id="infoslaterais"><a href="servicos.php"><img src="images/desenvolva.jpg" border="0" /></a></div>
					<div id="infoslaterais"><img src="images/trabalhamos.jpg" border="0" /></div>
				</div>
				<div id="conteudo"></div>	
				<div id="clear"></div>
			</div>
			<div id="rodape">
				<img src="images/vzlogorodape.gif" width="100" height="31" alt="VzHost Hospedagem Profissional"/><br />
				<h1><a href="hospedagens.php">Hospedagem</a> - <a href="revendas.php">Revenda</a> - <a href="dominio.php">Domínios</a> - <a href="estrutura.php">Estrutura</a> - <a href="contato.php">Contato</a> - <a href="politicaantispam.php">Política Antispam</a></h1>
				<p>© 2005 - 2009 - VzHost - Hospedagem Profissional<br />
				Todos os direitos reservados.<br />
				Desenvolvido por: </p>
				<a href="http://www.kalimanborges.com/"><img src="images/kblogo.gif" alt="Káliman Borges WebDesigner" border="0" /></a>
			</div>
	</div>
</div>
</body>
</html>

tá online no link que mostrei...

 

SITE

 

cara... tá dando trampoo... rsrsrs

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

Bem veja o meu teste como ficou:

<html>
<head>
<style>
*{
margin:0;
padding:0;
}
html,body{
overflow:hidden;
width:100%;
height:100%;
}
#fixed{
position:absolute;
top:50px;
left:20px;
background:#ddd;
}
#corpo{
background:#fc0;
width:100%;
height:100%;
overflow:auto;
}
@charset "utf-8";
/* CSS Document */
html, body{
/*height: 100%;*/
}
#tudo{
position: relative;
min-height: 100%;
width:955px;
margin:0 auto;
padding:0;
text-align:left;
z-index:1;
}
body {
margin:0;
background:#FFF url('images/bg_pagina.jpg') repeat-x top;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:10px;
color:#333;
text-align:center
}
* html #tudo {
/*height: 100%; /* hack para IE6 hq trata height como min-height */
}
#topo{
position:relative;
height:125px;
width:100%;
z-index:1;
}
#logotopo{
float:left;
position:relative;
margin:0;
width:180px;
height:125px;
background:url('images/bg_logo.jpg') no-repeat;
z-index:1
}
#login{
position:relative;
margin-right:20px;
z-index:1;
width:281px;
height:19px;
background:url('images/bg_login.gif') no-repeat;
float:right;
color:#FFF;
text-align:right;
font-family:Arial;
font-size:11px;
letter-spacing:1px; padding-left:9px; padding-right:9px; padding-top:4px; padding-bottom:0
}
#login a:link {text-decoration: none; color:#FFF;}
#login a:visited {text-decoration: none; color:#FFF;}
#login a:hover {text-decoration: underline; color:#FFF;}
#login a:active {text-decoration: none; color:#FFF;}
#conteudo_container{
padding-bottom:20px;
}
#navegacao{
margin:0;
background:url('images/bg_menu.jpg') no-repeat top left;
width:152px;
height:670px;
float:left;
text-align:right;
color:#333;
font-family:"orator Std";
font-size:12px;
font-style:normal;
font-weight:normal; padding-left:14px; padding-right:14px; padding-top:5px; padding-bottom:0
}
#navegacao a:link {text-decoration: none; color:#333;}
#navegacao a:visited {text-decoration: none; color:#333;}
#navegacao a:hover {text-decoration: underline; color:#000;}
#navegacao a:active {text-decoration: none; color:#333;}
#navegacao p{
margin:15px 0 30px 0;
line-height:24px;
}
#infoslaterais{
margin:10px 0 0 0;
text-align:center;
width:152px;
height:92px;
}
#conteudo{
position:relative;
text-align:left;
float:right;
width:755px;
margin:200px 10px 10px 10px;
z-index:1;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:10px;
color:#333;
}
#conteudo form{
margin:0;
}
#conteudo a:link {text-decoration: none; color:#333;}
#conteudo a:visited {text-decoration: none; color:#333;}
#conteudo a:hover {text-decoration: underline; color:#333;}
#conteudo a:active {text-decoration: none; color:#333;}
#conteudotexto{
width:725px;
padding:0 15px 0 15px;
margin:0;
line-height:20px;
text-align:justify;
background:#FFF;
}
#conteudotexto p{
margin:0;
}
#conteudotexto a:link {text-decoration: none; color:#0074b1;}
#conteudotexto a:visited {text-decoration: none; color:#0074b1;}
#conteudotexto a:hover {text-decoration: underline; color:#0074b1;}
#conteudotexto a:active {text-decoration: none; color:#0074b1;}
#bordasuperiorredondaconteudotexto{
background:url('images/toporedondoconteudotexto.gif') no-repeat top center;
width:755px;
height:14px;
margin:0
}
#bordainferiorredondaconteudotexto{
background:url('images/rodaperedondoconteudotexto.gif') no-repeat top center;
width:755px;
height:14px;
margin:0
}
#cxcolor{
margin:0 0 20px 0;
padding:0 0 0 40px;
float:left;
position:relative;
width:715px;
height:218px;
text-align:center;
z-index:1;
}
#cxhospedagem{
background:url('images/hospedagemdesites.gif') no-repeat;
float:left;
position:relative;
text-align:right;
width:191px;
height:156px;
overflow:hidden;
z-index:1; margin-left:10px; margin-right:10px; margin-top:0; margin-bottom:20px; padding-left:4px; padding-right:10px; padding-top:58px; padding-bottom:4px
}
#cxhospedagem h1{
font-size:14px;
color:#444;
font-family:Arial;
font-style:italic;
margin:0;
line-height:19px;
}
#cxhospedagem h2{
font-size:12px;
color:#777;
font-family:Arial;
font-style:italic;
margin:0;
line-height:19px;
}
#cxhospedagem a:link {text-decoration: none;}
#cxhospedagem a:visited {text-decoration: none;}
#cxhospedagem a:hover {text-decoration: underline; color:#CCC;}
#cxhospedagem a:active {text-decoration: none;}
#cxrevenda{
background:url('images/revendadehospedagem.gif') no-repeat;
float:left;
position:relative;
text-align:right;
width:191px;
height:156px;
overflow:hidden;
z-index:1; margin-left:10px; margin-right:10px; margin-top:0; margin-bottom:20px; padding-left:4px; padding-right:10px; padding-top:58px; padding-bottom:4px
}
#cxrevenda h1{
font-size:14px;
color:#444;
font-family:Arial;
font-style:italic;
margin:0;
line-height:19px;
}
#cxrevenda h2{
font-size:12px;
color:#777;
font-family:Arial;
font-style:italic;
margin:0;
line-height:19px;
}
#cxrevenda a:link {text-decoration: none;}
#cxrevenda a:visited {text-decoration: none;}
#cxrevenda a:hover {text-decoration: underline; color:#CCC;}
#cxrevenda a:active {text-decoration: none;}
#cxoutrosservicos{
background:url('images/outrosservicos.gif') no-repeat;
float:left;
position:relative;
text-align:right;
width:191px;
height:156px;
overflow:hidden;
z-index:1; margin-left:10px; margin-right:10px; margin-top:0; margin-bottom:20px; padding-left:4px; padding-right:10px; padding-top:58px; padding-bottom:4px
}
#cxoutrosservicos h1{
font-size:14px;
color:#444;
font-family:Arial;
font-style:italic;
margin:0;
line-height:19px;
}
#cxoutrosservicos h2{
font-size:12px;
color:#777;
font-family:Arial;
font-style:italic;
margin:0;
line-height:19px;
}
#cxoutrosservicos h3{
font-size:12px;
color: #105f8b;
font-family:Arial;
font-style:italic;
margin:0;
line-height:19px;
}
#cxoutrosservicos a:link {text-decoration: none;}
#cxoutrosservicos a:visited {text-decoration: none;}
#cxoutrosservicos a:hover {text-decoration: underline; color:#CCC;}
#cxoutrosservicos a:active {text-decoration: none;}
#cxdestaques{
position:relative;
margin:0;
background:url('images/bg_destaquesnews.png') no-repeat center;
float:left;
width:317px;
height:144px;
z-index:1;
text-align:left;
overflow:hidden; padding-left:30px; padding-right:30px; padding-top:10px; padding-bottom:5px
}
#cxdestaques h1{
margin:0 0 10px 0;
font-family:"myriad Pro";
font-size: 14px;
font-style:normal;
letter-spacing:1px;
color:#414141;
}
#cxdestaques p{
margin:0;
font-family:Arial;
font-size: 12px;
font-style:normal;
line-height:18px;
color:#105f8b;
}
#cxdestaques a:link {text-decoration: none; color:#105f8b;}
#cxdestaques a:visited {text-decoration: none; color:#105f8b;}
#cxdestaques a:hover {text-decoration: underline; color:#105f8b;}
#cxdestaques a:active {text-decoration: none; color:#105f8b;}

#cxnews{
position:relative;
margin:0;
background:url('images/bg_destaquesnews.png') no-repeat center;
float:right;
width:318px;
height:144px;
z-index:1;
text-align:left;
overflow:hidden; padding-left:30px; padding-right:30px; padding-top:10px; padding-bottom:5px
}
#cxnews h1{
margin:0 0 10px 0;
font-family:"myriad Pro";
font-size: 14px;
font-style:normal;
letter-spacing:1px;
color:#414141;
}
#cxnews p{
margin:0;
font-family:Arial;
font-size: 12px;
font-style:normal;
line-height:18px;
color:#105f8b;
}
#cxnews a:link {text-decoration: none; color:#105f8b;}
#cxnews a:visited {text-decoration: none; color:#105f8b;}
#cxnews a:hover {text-decoration: underline; color:#105f8b;}
#cxnews a:active {text-decoration: none; color:#105f8b;}

#clear{ 
clear:both;
}
#topobusca{
position:absolute;
top:60px;
left:200px;
width:738px;
height:242px;
z-index:2;
}
#rodape{
position:relative;
padding-top:40px;
width:100%;
position:relative;
background:url('images/bg_rodape.jpg') repeat-x top;
height:132px;
bottom: 0;
text-align:center;
z-index:1
}
#rodape h1{
margin:5px 0 0 0;
text-align:center;
font-family:"orator Std";
font-size:12px;
font-style:normal;
font-weight:400;
color:#000;
}
#rodape p{
margin:5px 0 0 0;
text-align:center;
font-family:"orator Std";
font-size:11px;
font-style:normal;
font-weight:normal;
color:#888;
}
#rodape img{
margin:3px 0 0 0;
}
#rodape a:link {text-decoration: none; color:#000;}
#rodape a:visited {text-decoration: none; color:#000;}
#rodape a:hover {text-decoration: underline; color:#000;}
#rodape a:active {text-decoration: none; color:#000;}

/* FORM ORÇAMENTO */
#formorcamento{
width:745px;
height:260px;
padding:5px;
text-align:right;
background:url('images/bg_contato.gif') no-repeat top center;
}
#formorcamento form{
margin:0;
}
#formorcamento h1{
font-size:14px;
color:#777;
font-family:Arial;
font-style:italic;
margin:0;
line-height:19px;
}
#formorcamento textarea, select{
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#fff;
border:1px #DDD solid;
font-size:10px;
margin:0;
width:250px;
}
/* PLANOS */
#marcasplanos{
position:relative;
z-index:1;
width:755px;
height:100px;
text-align:center;
background:url('images/plano_marcas.gif') no-repeat;
margin:0
}
</style>
</head>
<body>
<div id="fixed">Fixo</div>
<div id="corpo">
<!--//conteudo-->
	<div id="tudo">
			<div id="topo">
				<div id="logotopo"><a href="index.php"><img src="images/bg_logo.jpg" alt="VZ Host - Hospedagem profissional" border="0" /></a></div>
				<div id="login"><b>Login:   </b> <a href="http://www.vzhost.info/cpanel" target="_blank">Painel de Controle</a> | <a href="http://www.vzhost.info/whm" target="_blank">Revenda</a> | <a href="http://www.vzhost.info/webmail" target="_blank">Webmail</a></div>
			</div>
			<div id="topobusca">
				<script type="text/javascript">
				AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','738','height','242','src','images/topobusca','quality','high','wmode','transparent','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','images/topobusca' ); //end AC code
				</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="738" height="242">
				<param name="movie" value="images/topobusca.swf" />
				<param name="quality" value="high" />
				<param name="wmode" value="transparent" />
				<embed src="images/topobusca.swf" quality="high" wmode="transparent" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="738" height="242"></embed>
				</object></noscript>
			</div>
			<div id="conteudo_container">
				<div id="navegacao">
					<p><a href="index.php">Inicial</a><br />
					<a href="hospedagens.php">Hospedagens</a><br />
					<a href="revendas.php">Revendas</a><br />
					<a href="dominio.php">Domínios</a><br />
					<a href="servicos.php">Serviços</a><br />
					<a href="clientes.php">Clientes</a><br />
					<a href="empresa.php">Empresa</a><br />
					<a href="contato.php">Contato</a><br />
					<a href="http://www.suporte.vzhost.info/">Suporte</a></p>
					<div id="infoslaterais"><a href="empresa.php"><img src="images/infraestrutura.jpg" border="0" /></a></div>
					<div id="infoslaterais"><a href="http://www.suporte.vzhost.info/"><img src="images/suporte.jpg" border="," /></a></div>
					<div id="infoslaterais"><a href="servicos.php"><img src="images/desenvolva.jpg" border="0" /></a></div>
					<div id="infoslaterais"><img src="images/trabalhamos.jpg" border="0" /></div>
				</div>
				<div id="conteudo"></div>	
				<div id="clear"></div>
			</div>
			<div id="rodape">
				<img src="images/vzlogorodape.gif" width="100" height="31" alt="VzHost Hospedagem Profissional"/><br />
				<h1><a href="hospedagens.php">Hospedagem</a> - <a href="revendas.php">Revenda</a> - <a href="dominio.php">Domínios</a> - <a href="estrutura.php">Estrutura</a> - <a href="contato.php">Contato</a> - <a href="politicaantispam.php">Política Antispam</a></h1>
				<p>© 2005 - 2009 - VzHost - Hospedagem Profissional<br />
				Todos os direitos reservados.<br />
				Desenvolvido por: </p>
				<a href="http://www.kalimanborges.com/"><img src="images/kblogo.gif" alt="Káliman Borges WebDesigner" border="0" /></a>
			</div>
	</div>
<!--//conteudo-->
</div>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Káliman Borges    0

Káliman Borges
Postado

aqui esse link não funciona de jeito nenhum...

nem nos pcs dos meus amigos...

nesse código q você postou... funciona mais ou menos... parece q ele deu uma desestruturada em algumas coisas... as páginas que já estão com conteúdo ficarão ferradas!

=\

 

sem falar no rodapé!

ele não fica mais por cima de tudo .. como deveria...

 

esse site http://www.webhostingbuzz.com/

tem os esquemas como quero usar... mas não consegui decifrar como eles fizeram!

 

para continuar com o primeiro exemplo que postei usando javascript... eu consigo regular no IE6?

eu peguei aquele código desse tutorial:

http://www.howtocreate.co.uk/fixedPosition.html

 

 

vou fazer mais uns testes aqui...

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

Então amigo, aqui o código que eu postei eu visualizei normalmente, mas já que você não está tendo resultados nem com o em JS tente este que eu fiz em JS mais simples:

http://forum.imasters.com.br/index.php...=243600&hl=

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

Eu estive analizando seu código e percebi três coisas, a primeira olha como esta o CSS

 

a segunda é isso:

<!-- BEGIN PHP Live! code, (c) OSI Codes Inc. --><script language="JavaScript" src="status_image.php"><a href="http://www.phplivesupport.com"></a></script><!-- END PHP Live! code : (c) OSI Codes Inc. -->
Tem uma "link"(tag <A>) dentro da TAG <script>, isso é errado.

 

 

E depois olha como é o HTML que o o seu SCRIPT gera:

<!-- BEGIN PHP Live! code, (c) OSI Codes Inc. --><script language="JavaScript" src="status_image.php"><a href="http://www.phplivesupport.com"></a></script><style type="text/css"><!--#ProactiveSupport_3702705 {visibility:hidden; position:absolute; height:1; width:1; top:0; left:0;}--></style><a href="java script:void(0)" onmouseover='window.status="Click for Live Support"; return true;' onmouseout='window.status=""; return true;' onclick="launch_support_3702705()"><img src="clickfixed.png" alt="Click for Live Support" title="Click for Live Support" border="0"></a><div style="visibility: hidden;" id="ProactiveSupport_3702705"><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td align="right"><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td bgcolor="#e1e1e1"><a href="java script:RejectInitiate();" onmouseover="toggleMotion(1)" onmouseout="toggleMotion(0)"><font color="#828282" size="1" face="arial"> close window</font> <img src="http://suporte.vzhost.info/phplive/images/initiate_close.gif" border="0" width="10" height="10"></a></td></tr></tbody></table></td></tr><tr><td align="center"><a href="java script:launch_support_3702705()" onmouseover="toggleMotion(1)" onmouseout="toggleMotion(0)"><img src="http://suporte.vzhost.info/phplive/scroll_image.php?x=1&l=dveber&1233282125887" border="0"></a></td></tr></tbody></table></div>
<!-- END PHP Live! code : (c) OSI Codes Inc. -->
Ele gera um monte de TABELAs, mesmo estando com VISIBILITY:HIDDEN; ele pode afetar o corpo, pois visibility:hidden; é diferente de display:none;

 

Acredito que o que tenha afetado a visão do IE foi isso.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Káliman Borges    0

Káliman Borges
Postado

eu consegui um jeito de dar certo!

 

#fixme{
	position: fixed;
	_position:absolute;
	_margin-bottom:0;
	_margin-right:0;
	right:0;
	bottom:0;
	z-index:100;
}

dessa forma, nos browsers mais novos ele fica fixed... e no ie6 ele fica encostado no canto inferior do site... lá em baixo...

coloquei dentro da div rodape q eu já tinha pronta!

 

aí para sumir a barra de rolagem horizontal q aparecia coloquei um overflow-x:hidden no HTML lá no css e ficou 10!

dpois dá uma olhadinha!

 

SITE

 

galera! agradeço pela ajuda! muito obrigado mesmo!!

abraçosS!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo de Tarso F. M.    24

Paulo de Tarso F. M.
Postado

Algumas observações:

 

1) Se você testar no IE6, verá que sua div não fica posicionada como deveria, afinal, ela vai lá para o final do site.

2) Esconder a barra de rolagem como você está fazendo não é uma das melhores alternativas, visto que já li alguns materiais que falam sobre um fator importante: não são todos os usuários que navegam na internet com o browser maximizado! Pois é, acredite... Então, esconder as barras de rolagens pode forçar o usuário a ter que sair do seu site ou forçá-lo a ter que mudar as características de navegação a qual ele já está acostumado, e mudar o hábito de um ser humano não é uma tarefa das mais felizes... http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito