Curvatura na página de conteúdo
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">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"> www.irmaos.net | ©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;}
Discussão (3)
Carregando comentários...