Include js fora do head gera bug tableless no FF

greenlantern · Julho 13, 2007

Segue o problema:Tem um box chamado Cotações - div cotacoes - (que tem um include de um arquivo js externo desses site que disponibilizam cotações grátis). Acontece que se eu tirar esse include tudo funciona, se a deixo, a div lateral-direita cai e cola na lateral esquerda. Para quem for me ajudar: concentre-se nas divs = cotacoes, pagina, lateral-direita e conteudo.Segue o código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br"><head><title></title><link rel="stylesheet" type="text/css" media="screen" href="Capa.css" /><style type="text/css">body, ul, h1, p {margin: 0;padding: 0;}ul {list-style-type: none;}#cabecalho {background: #000;color: #FFFFFF;height: 100px;width: 100%;}#fundocab {background: #009933;height: 100px;left: 50%;margin-left: -389px;padding: 0;position: absolute;width: 778px;}#pagina {background: #ECEBE6;display: table;/*height: auto;*/left: 50%;margin: 0 0 0 -389px;padding: 0 0 20px 0;position: relative;width: 778px;}#lateral-esquerda {background: #000;float: left;/*height: auto;*//*position: relative;*/width: 140px;}#menu-vertical {/*display: block;*/font: 11px Tahoma, Arial, Verdana, Helvetica, Sans-Serif;width: 142px;}#conteudo {background: #CC99FF;/*clear: none;*/float: left;font: 11px Tahoma, Arial, Verdana, Helvetica, Sans-Serif;/*height: auto;*/margin: 7px 0 0 5px;width: 488px;}#lateral-direita {background: #FFFF99;/*clear: both;*//*display: table;*/float: left;/*height: auto;*/margin: 7px 0 0 0;/*position: relative;*//*top: 0;*//*right: 0;*/width: 140px;}#sombra {background: #FFFFFF url(SombraPagina.jpg) no-repeat;clear: both;left: 50%;margin: 0 0 0 -389px;position: relative;width: 778px;}#rodape {background: #000;clear: both;color: #FFFFFF;height: 77px;text-align: center;width: 100%;}#rodape ul {list-style-type: none;margin: 0 0 0 20px;padding: 12px 0 0 0;}#rodape ul li {display: inline;margin: 0 20px 0 0;padding: 0;}#rodape #ir-topo img {border: 0;bottom: 0;float: right;_margin-top: 7px;position: fixed;right: 0;}</style></head><body><div id="cabecalho"><div id="fundocab">Cabeçalho</div></div><div id="pagina"><div id="lateral-esquerda"><div id="menu-vertical"><ul><li><p class="titulo">Quem Somos</p></li><li><a href="" title="O que é o portal">O que é o portal</a><!--<hr />--></li><li><a href="" title="Como tudo começou">Como tudo começou</a></li><li><a href="" title="Como anunciar aqui">Como anunciar aqui</a></li><li><a href="" title="Críticas/Sugestões">Críticas/Sugestões</a></li><li><p class="titulo">Cadastro</p></li><li><a href="" title="Benefícios do cadastro">Benefícios do cadastro</a></li><li><a href="" title="Cadastre-se agora!"><strong>Cadastre-se agora!</strong></a></li><li><a href="" title="Alterar dados">Alterar dados</a></li><li><p class="titulo">Busca de Contabilistas</p></li><li><a href="" title="O que é a seção">O que é a seção</a></li><li><a href="" title="Procure agora">Procure agora</a></li><li><a href="" title="Como ser encontrado">Como ser encontrado</a></li><li><p class="titulo">Lista de Discussão</p></li><li><a href="" title="O que é a lista">O que é a lista</a></li><li><a href="" title="Cadastre-se">Cadastre-se</a></li><li><a href="" title="Alterar e-mail">Alterar e-mail</a></li><li><a href="" title="(In)Ativar participação">(In)Ativar participação</a></li><li><p class="titulo">Legislação</p></li><li><a href="" title="Código Civil">Código Civil</a></li><li><a href="" title="Código do Consumidor">Código do Consumidor</a></li><li><a href="" title="">Código de Proc. Civil</a></li><li><a href="" title="Constituição Federal">Constituição Federal</a></li><li><a href="" title="Contravenção Penal">Contravenção Penal</a></li><li><a href="" title="">Cooper. Lei 5764/71</a></li><li><a href="" title="">Cooper. Lei 9532/97</a></li><li><a href="" title="Funcionário Público">Funcionário Público</a></li><li><a href="" title="">Lei da Cont. Pública</a></li><li><a href="" title="Lei de Responsabilidade Fiscal">Lei de Resp. Fiscal</a></li><li><a href="" title="Lei 8.666/93">Lei 8.666/93</a></li><li><a href="" title="Lei 8.883/94">Lei 8.883/94</a></li><li><a href="" title="LOA">LOA</a></li><li><a href="">Plano Plurianual</a></li><li><a href="">Outras Legislações</a></li><li><p class="titulo">Serviços</p></li><li><a href="" title="Agenda/Eventos" rel="externo">Agenda / Eventos</a></li><li><a href="" title="Notícias">Notícias</a></li><li><a href="" title="Downloads">Downloads</a></li><li><a href="" title="Links e Serviços">Links e Serviços</a></li><li><a href="" title="Anuncie aqui">Anuncie aqui</a></li></ul></div></div><div id="conteudo"><div id="box-noticias"><h1>Últimas Notícias</h1><p><a href="" title="Todas as notícias">Todas as notícias</a></p></div><div id="box-taxa"><h1>Calcule a taxa de juros em um financiamento</h1></div><div id="box-vitrine"><h1>Vitrine</h1></div><div id="box-downloads"><h1>Downloads</h1></div><div id="box-agenda"><h1>Agenda de<br />      Eventos</h1><p><strong></strong></p><ul><li>Feiras</li><li>Festas</li><li>Simpósios</li><li>Cursos</li></ul></a></div><div id="box-cotacoes"><h1>Cotações</h1><script src="http://www.guianews.com.br/js/dolar_1.js" type="text/javascript"></script></div><div id="box-conversor"><h1>Conversor de moedas</h1></div></div><div id="lateral-direita">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque molestie augue vel purus. Quisque tortor elit, placerat quis, volutpat quis, sodales ut, massa. Maecenas rhoncus quam a augue. Donec non ligula nonummy velit ullamcorper rhoncus. Vestibulum vestibulum bibendum augue.--></div></div><div id="sombra"> </div><div id="rodape"><ul><li><a href="" title="Página Inicial">Página Inicial</a></li><li><a href="" title="Quem Somos">Quem Somos</a></li><li><a href="" title="Cadastro">Cadastro</a></li><li><a href="" title="Publicidade">Publicidade</a></li><li><a href="" title="Mapa do Site">Mapa do Site</a></li><li><a href="" title="Fale Conosco">Fale Conosco</a></li></ul><div id="ir-topo"><a href="#topo" title="Ir para o topo"><img src="BotaoTopo.gif" alt="Ir para o topo" width="44" height="21" /></a></div></div></body></html><!-- CAPA.CSS -->/*++++BOX NOTÍCIAS*/#box-noticias {background: #FFFFFF;float: left;height: 216px;padding: 22px 0 0 0;position: relative;width: 239px;}/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*//*++++BOX TAXA DE JUROS*/#box-taxa {background: #FFFFFF;color: #4E585F;float: left;font: 11px Tahoma, Arial, Verdana, Helvetica, Sans-Serif;height: 216px;margin: 0 0 0 10px;padding: 22px 0 0 22px;width: 217px;}/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*//*++++BOX VITRINE*/#box-vitrine {background: #FFFFFF url(../Imgs/FundoVitrine.jpg) no-repeat;color: #4E585F;float: left;font: 11px Tahoma, Arial, Verdana, Helvetica, Sans-Serif;height: 238px;margin: 10px 0 0 0;position: relative;width: 239px;}/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*//*++++BOX DOWNLOADS*/#box-downloads {background: #FFFFFF url(../Imgs/FundoDownloads.jpg) no-repeat;color: #4E585F;display: block;font: 11px Tahoma, Arial, Verdana, Helvetica, Sans-Serif;float: left;height: 166px;margin: 10px 0 0 10px;padding: 0;position: relative;width: 239px;}/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*//*++++BOX AGENDA*/#box-agenda {background: #FFFFFF url(../Imgs/FundoAgenda.jpg) no-repeat;display: block;float: left;height: 62px;margin: 10px 0 0 10px;padding: 0;position: relative;width: 239px;}#box-agenda h1 {color: #6D961B;font: bold 16px Arial, Tahoma, Verdana, Helvetica, Sans-Serif;letter-spacing: -1px;line-height: 16px;margin: 7px 0 0 10px;padding: 0;}#box-agenda p {bottom: 0;margin: 0 0 5px 16px;padding: 0;position: absolute;}#box-agenda ul {color: #4E585F;display: inline;font: 11px Tahoma, Arial, Verdana, Helvetica, Sans-Serif;margin: 5px 22px 0 0;position: absolute;right: 0;top: 0;}/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*//*++++BOX COTAÇÕES*/#box-cotacoes {background: #FFFFFF/* url(../Imgs/Cotacoes.gif) no-repeat 22px 55px*/;clear: none;float: left;height: 216px;margin: 10px 0 0 0;padding: 22px 0 0 7px;width: 232px;}#box-cotacoes h1 {color: #6D961B;font: bold 16px Arial, Tahoma, Verdana, Helvetica, Sans-Serif;letter-spacing: -1px;margin: 0 0 12px 15px;padding: 0;}/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*//*++++BOX CONVERSOR DE MOEDAS*/#box-conversor {background: #FFFFFF;color: #4E585F;float: left;font: 11px Tahoma, Arial, Verdana, Helvetica, Sans-Serif;height: 216px;margin: 10px 0 0 10px;padding: 22px 22px 0 22px;_padding: 22px 19px 0 22px; /* HACK PARA IE6 */width: 195px;}#box-conversor h1 {color: #6D961B;font: bold 16px Arial, Tahoma, Verdana, Helvetica, Sans-Serif;letter-spacing: -1px;margin: 0;padding: 0;}#box-conversor label {float: left;margin: 0 0 1px 0;padding: 0;width: 100%;}#box-conversor .texto {display: block;float: left;margin: 0 3px 6px 0;}#box-conversor #value {width: 133px;}#box-conversor #date {width: 51px;}#box-conversor #date_fmt {width: 79px;}#box-conversor #exch, #expr {width: 195px;}#box-conversor #converter {float: right;margin: 5px 0 0 0;width: 94px;}

netShot · Julho 19, 2007

putz xD

quando for postar código coloque com a tag "code" por favor

@post

aqui fiz o teste e funcionou apenas trocando a posição do divs :

e coloque a propriedade da div "lateral-direita" como float : right

<div id="lateral-direita"></div><div id="lateral-esquerda">

PS: seu codigo tá identado ? tá complicado de entender ele rsrs

greenlantern · Julho 23, 2007

Valeu pela dica, mas acho que pouco vai adiantar a troca das divs. Até porque tem alguns complicadores que não vem ao caso , pois já encontrei a solução. Para quem se interessar ou estiver com o mesmo problema:Retirei o 'display: table', coloquei 'position: absolute' e 'height: auto' da div #pagina e coloquei 'float: left' em todas as divs internas. Feito!Ah, o código estava identado sim. Quanto a tag code, esqueci, estava na correria.

Entrar

Arquivado

Include js fora do head gera bug tableless no FF

Recommended Posts

greenlantern 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

netShot 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

greenlantern 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

comando like (Mysql) no php

Alguém com pratica em subir site em codeigniter4 na Hostinger? Não consigo acessar o bd. Erro de Autenticação. O mesmo site funciona normal em outro servidor web.

mostrar quanto tempo foi postado um conteudo

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante