Ir para conteúdo

POWERED BY:

Arquivado

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

Jose Silva

Curvatura na página de conteúdo

Por , em Desenvolvimento frontend

Recommended Posts

Jose Silva    0

Jose Silva
Postado

Após modificar um layout "faux columm" para um layout "líquido", percebí que o conteúdo apresenta uma curvatura de cima para baixo do lado esquerdo.DESCULPE O LAYOUT "TOSCO". ESTOU APRENDENDO ESSE "NEGÓCIO" A POUCO TEMPO.===============================================HTML<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html><head><title>Bíblia Sagrada HTML</title><meta name="keywords" content="HTML, CSS, Livros, Escrituras, Bíblia, Sagrada" /><meta name="description" content="Bíblia Sagrada HTML" /><meta name="author" content="Jose Silva" /><meta name="robots" content="all" /><meta name="language" content="pt-br" /><meta name="DC.title" content="Bíblia Sagrada HTML" /><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><style type="text/css" media="screen">@import url("index.css");</style></head><body><div id="pagina"><div id="topo"><div class="frase">"Porquanto, tudo que dantes foi escrito, para nosso ensino foi escrito, para que,<br /> pela constância e pela consolação provenientes das Escrituras, tenhamos esperança."<br /> Rm 15:4</div></div><div id="nave"><div id="oldnew"><table><tr><td><a href="tora/01gene01.htm">Velho Testamento</a></td></tr><tr><td><a href="gospel/40mate01.htm">Novo Testamento</a></td></tr></table></div><div id="apendice"><table><tr><td><a href="index.htm">Abertura</a></td></tr><tr><td><a href="abrev.htm">Abreviaturas</a></td></tr><tr><td><a href="curio.htm">Curiosidades</a></td></tr><tr><td><a href="divis.htm">Divisão</a></td></tr><tr><td><a href="gloss.htm">Glossário</a></td></tr><tr><td><a href="manus.htm">Manuscritos</a></td></tr><tr><td><a href="tradu.htm">Traduções</a></td></tr></table></div><p class="center"><a href="http://validator.w3.org"><img src="valid.jpg" alt="Valid CSS" height="31" width="88" /></a></p><p class="center"><a href="http://validator.w3.org"><img src="valid.png" alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a></p></div><div id="principal"><h4>:: Abertura ::</h4><h6>Observações Importantes</h6><p>A <em>"Bíblia Sagrada HTML 2.0"</em> foi elaborada com base na versão anterior [ 1.0 ] respeitando o mesmo intuito do autor desta no que refere à gratuidade do trabalho.</p><p>Buscando a simplificação em favor da exatidão do conteúdo, escolhemos formatar o texto utilizando o <em>"XHTML 1.0"</em>. Também escolhemos o "Internet Explorer 6.0+" como "navegador padrão" para a visualização do conteúdo, tendo como objetivo atender às configurações definidas na <em>"Folha de Estilos [ CSS ]"</em> para o "layout" do trabalho.</p><p><strong>Nota:</strong> Sugerimos a "Resolução de Tela" para o seu monitor com as dimensões "1024 x 768".</p><p>Não existe qualquer impedimento quanto a fazer cópias através de utilitários como o WinRAR, WinZip ou similares. Afirmamos que o trabalho foi desenvolvido com a finalidade de oferecer a Palavra de Deus baseando-se na própria Palavra:</p><p><em>"... de graça recebestes, de graça dai"</em> [ Mt 10:08 ].</p><p>Procure incentivar o uso deste trabalho! Ofereça a todos os que possuam um computador, pois desta forma você estará contribuindo com em semear o conhecimento do Senhor Jesus Cristo através da Sua Palavra [ Mt 28:19-20 ].</p><p><strong>Temos o intuito de mostrar, através dos textos das Escrituras, que a Salvação é através da Pessoa Bendita de Nosso Senhor Jesus Cristo...</strong></p><p>...que Deus, em Cristo Jesus, vos Abençoe em tudo!</p><p class="mini"><em>| José Silva - Setembro de 2006 |</em></p><h6>Medite!</h6><p><em>Apocalípse 1:1-3 e 22:16-21</em></p><ul class="inside"><li>1 Revelação de Jesus Cristo, que Deus lhe deu para mostrar aos seus servos as coisas que brevemente devem acontecer; e, enviando-as pelo seu anjo, as notificou a seu servo João;</li><li>2 o qual testificou da palavra de Deus, e do testemunho de Jesus Cristo, de tudo quanto viu.</li><li>3 Bem-aventurado aquele que lê e bem-aventurados os que ouvem as palavras <strong>desta profecia</strong> e guardam as coisas <strong>que nela estão escritas</strong>; porque o tempo está próximo.</li></ul><ul class="inside"><li>16 Eu, Jesus, enviei o meu anjo para vos testificar estas coisas a favor das igrejas. Eu sou a raiz e a geração de Davi, a resplandecente estrela da manhã.</li><li>17 e o Espírito e a noiva dizem: Vem. E quem ouve, diga: Vem. E quem tem sede, venha; e quem quiser, receba de graça a água da vida.</li><li>18 Eu testifico a todo aquele que ouvir as palavras da profecia <strong>deste livro</strong>: Se alguém lhes acrescentar alguma coisa, Deus lhe acrescentará as pragas que estão escritas <strong>neste livro</strong>;</li><li>19 E se alguém tirar qualquer coisa das palavras do livro <strong>desta profecia</strong>, Deus lhe tirará a sua parte da árvore da vida, e da cidade santa, que estão <strong>descritas neste livro</strong>.</li><li>20 Aquele que testifica estas coisas diz: Certamente cedo venho. Amém; vem, Senhor Jesus!</li><li>21 A graça do Senhor Jesus seja com todos.</li></ul></div><div id="rodape">| "Santifica-os na verdade, a tua palavra é a verdade." Jo 17:17 | <a href="http://irmaos.net/apresentacao.html"> www.irmaos.net </a> | ©2006 Free Design |</div></div></body></html>===============================================CSS:html>body #nave{ width: 140px; } body{background: #69C;border: 0px;color: #000;font: normal 12px Verdana, Sans-Serif, Arial;margin: 0px;padding: 40px;}#pagina{background-color: #69C; border: 0px; margin: 0px; padding: 0px;}#topo{background-color: #966;border-top: 5px ridge #FF0;border-bottom: 3px ridge #966;color: #FFF;height: 70px;margin-bottom: 3px;padding: 0px;}#principal{background-color: #FFF;border-top: 10px ridge #036;border-bottom: 10px ridge #036;color: #000;margin-left: 145px;padding: 20px;text-align: left;}#nave{background-color: #EEE;border: 1px solid #009;color: #F00;float: left;margin: 0px;padding: 0px;text-align: left;width: 140px;}#apendice table tr td{border: 1px solid #000;line-height: 16px;margin: 0px;padding-left: 1px;}#apendice a{display: block;font-weight: bold;margin: 0px;padding-top: 1px;padding-right: 1px;padding-bottom: 1px;padding-left: 3px;text-align: left;width: 128px;}#apendice a:link{background-color: #FFF; color: #00F; font-weight: bold; text-decoration: none;}#apendice a:visited{background-color: #FFF; color: #00F; font-weight: bold; text-decoration: none;}#apendice a:hover{background-color: #000; color: #FF0; font-weight: bold; text-decoration: none;}#oldnew table tr td{border: 1px solid #000;line-height: 16px;margin: 0px;padding-left: 1px;}#oldnew a{display: block;font-weight: bold;margin: 0px;padding-top: 1px;padding-right: 1px;padding-bottom: 1px;padding-left: 3px;text-align: left;width: 128px;}#oldnew a:link{background-color: #000; color: #FF0; font-weight: bold; text-decoration: none;}#oldnew a:visited{background-color: #000; color: #FF0; font-weight: bold; text-decoration: none;}#oldnew a:hover{background-color: #FFF; color: #00F; font-weight: bold; text-decoration: none;}#canon table tr td{border: 1px solid #000;line-height: 16px;margin: 0px;padding-left: 1px;}#canon a{display: block;font-weight: bold;margin: 0px;padding-top: 1px;padding-right: 1px;padding-bottom: 1px;padding-left: 3px;text-align: left;width: 128px;}#canon a:link{background-color: #FFF; color: #00F; font-weight: bold; text-decoration: none;}#canon a:visited{background-color: #FFF; color: #00F; font-weight: bold; text-decoration: none;}#canon a:hover{background-color: #000; color: #FF0; font-weight: bold; text-decoration: none;}#rodape{background-color: inherit;border: 0px;clear: both;color: #00F;font-size: 11px;font-weight: bold;height: auto;line-height: 16px;margin: 0px;padding: 15px;text-align: center;}#rodape a{background-color: inherit; color: #060; font-weight: bold; text-decoration: none;}#rodape a:link{background-color: inherit; color: #060; font-weight: bold; text-decoration: none;}#rodape a:visited{background-color: inherit; color: #060; font-weight: bold; text-decoration: none;}#rodape a:hover{background-color: inherit; color: #00F; font-weight: bold; text-decoration: none;}table.alter tr td{background: #FFF; color: #000; font-weight: bold;}table.alter tr.difer td{background: #900; color: #FFF; font-weight: bold;}#cells{text-align: center;}#cells table tr td{border: 1px solid #000;line-height: 16px;margin: 0px;padding: 1px 7px 1px 7px;text-align: left;vertical-align: top;width: auto;}#list{text-align: center;}#list table tr td{border: 1px solid #000;line-height: 16px;margin: 0px;padding: 1px 7px 1px 7px;text-align: center;vertical-align: middle;width: auto;}a{background-color: inherit; color: #00F; font-weight:bold; text-decoration: none;}a:link{background-color: inherit; color: #00F; font-weight: bold; text-decoration: none;}a:visited{background-color: inherit; color: #00F; font-weight: bold; text-decoration: none;}a:hover{background-color: inherit; color: #F00; font-weight: bold; text-decoration: none;}.caput{background-color: inherit;border: 1px dashed #000;color: #F00;height: auto;line-height: 16px;margin: 0px;padding: 7px;text-align: justify;}.caput a{background-color: inherit; color: #00F; font-weight: bold; text-decoration: none;}.caput a:link{background-color: inherit; color: #00F; font-weight: bold; text-decoration: none;}.caput a:visited{background-color: inherit; color: #00F; font-weight: bold; text-decoration: none;}.caput a:hover{background-color: #000; color: #FF0; font-weight: bold; text-decoration: none;}h1, h2{background-color: #FC9; color: #000; font-weight: bold; line-height: 18px; text-indent: 5px;}h1 {font-size: 20px;}h2 {font-size: 18px;}h3{font-size: 12px;background-color: #CCF;border-left: 7px solid #060;border-right: 12px ridge #EE0;color: #000;font-weight: bold;line-height: 18px;text-indent: 5px;}h4{font-size: 12px;background-color: #6CF;border-bottom: 3px ridge #FF0;color: #000;font-weight: bold;line-height: 18px;text-indent: 5px;}h5{font-size: 12px;background-color: #ABC;border-left: 7px solid #030;border-right: 12px ridge #CDE;color: #000;font-weight: bold;line-height: 18px;text-indent: 5px;}h6{font-size: 12px;background-color: #ACC;border-left: 7px solid #C00;border-right: 12px ridge #6CF;color: #000;font-weight: bold;line-height: 18px;text-indent: 5px;}ol.inside{line-height: 18px;list-style-position: inside;list-style-type: none;margin: 10px 0px 10px 40px;}ol.outside{line-height: 18px;list-style-position: outside;list-style-type: decimal;margin: 10px 0px 10px 40px;}ul.inside{line-height: 18px;list-style-position: inside;list-style-type: none;margin: 10px 0px 10px 40px;}ul.outside{line-height: 18px;list-style-position: outside;list-style-type: square;margin: 10px 0px 10px 40px;}li {background-color: inherit; color: #006; font-weight: normal;}p {line-height: 18px; margin: 10px 0px 10px 0px; text-align: justify;}p.left {text-align: left;}p.center {text-align: center;}p.right {text-align: right;}p.mini {font-size: 9px; text-align: right; font-weight: bold;}em {background-color: inherit; color: #060; font-weight: bold;}strong {background-color: inherit; color: #900; font-weight: bold;}.orizo {margin-top: 2px; padding-top: 2px; border-top: ridge;}.frase{background-color: inherit;color: #FFF;font: bold 14px Verdana, Arial, Sans-Serif;padding: 10px 10px 10px 30px;text-align: left;}

Compartilhar este post

Link para o post
Compartilhar em outros sites

Jose Silva    0

Jose Silva
Postado

Após modificar um layout "faux columm" para um layout "líquido", percebí que o conteúdo apresenta uma curvatura de cima para baixo do lado esquerdo.

 

 

=====================================================================

 

Tente inserir dentro da <div id="principal"> uma relação de nomes ordenados [ uns 50, pelo menos ].

 

Desta forma você perceberá a curvatura [ lado esquedo inferior ].

 

 

=====================================================================

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