Ir para conteúdo

POWERED BY:

Arquivado

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

Andre Summers

bug na tabela...

Por , em Desenvolvimento frontend

Recommended Posts

Andre Summers    0

Andre Summers
Postado

tem uma pagina minha q fica organizadinha no FF... mas no IE desalinha tudo... por favor deem uma ajuda...pagina historia

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><title>Untitled Document</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><link href="meucss.css" rel="stylesheet" type="text/css" /><style type="text/css"><!--body {	margin-left: 0px;	margin-top: 0px;}.style6 {	color: #657447;	font-style: italic;	font-size: 12px;	font-weight: bold;}.style7 {	font-size: 12px;	font-style: italic;}--></style></head><body background="images/fundo.jpg"><table width="546" height="965" border="0" cellpadding="0" cellspacing="0" background="images/fundo.jpg"><tr><td width="396" height="250" valign="top" background="images/passado_06.jpg" class="tabela"><div id="titulohistoria"><img src="images/mocidadehistoria.png" width="195" height="43"></div></td><td width="150" rowspan="3" valign="top"><table width="147" border="0" cellpadding="0" cellspacing="0"><tr>  <td height="208" background="images/passado_03.jpg"> <div id="historia1" class="historia1"><span class="historia">    <a href="#">História</a><br>    <a href="#">Pioneirismo</a><br>    <a href="#">50 Anos</a><br>    <a href="#">Titulos e Prêmios</a><br>    <a href="#">Quadra</a><br>    <a href="#">Barracão</a><br>    <a href="#">Personalidades</a>    </span></div></td></tr><tr><td><img src="images/passado_07.jpg" width="149" height="643"></td></tr></table></td></tr><tr>  <td height="600" valign="top" background="images/passado_09.jpg" class="tabela"><div id="anostitulo" class="anostitulo">Em Construção.<br>  </div>    <span class="conteudohistoria">lorem ipsum</span>      </div></td></tr><tr><td valign="top"> </td></tr></table></body></html>

meucsss.css

.tabela {    background-repeat: no-repeat;}#menu1 a:link {	font-family:  Georgia, Verdana, Helvetica, sans-serif;	font-size: 11px;	color: #486E0C;	text-decoration: none;	font-weight: bold;}#menu1 a:visited {	font-family: Georgia, Verdana, Helvetica, sans-serif;	font-size: 11px;	color: #486E0C;	text-decoration: none;	font-weight: bold;}#menu1 a:hover {	font-family: Georgia, Verdana, Helvetica, sans-serif;	font-size: 11px;	color: #b7c47c;	text-decoration: underline;}#menu1 a:active {	font-family: Georgia, Verdana, Helvetica, sans-serif;	font-size: 11px;	color: #486E0C;	text-decoration: none;}#title {	font-family: Georgia, Verdana, Helvetica, sans-serif;	font-size: 18px;	color: #127405;	text-decoration: none;	font-weight: bold;}.noticiastitulo {    font-family: Georgia, Verdana, Helvetica, sans-serif;    font-size: 11px;    color: #354B24;    font-weight: bold;}.noticiasconteudo {    font-size: 11px;    font-family: Georgia, Verdana, Helvetica, sans-serif;    color: #354B24;    }.direitos {    font-family: Georgia, Verdana, Helvetica, sans-serif;    color: #354B24;    font-size: 10px;    font-weight: bold;}#linkbottom a:link {	font-family: Verdana, Helvetica, sans-serif;	font-size: 9px;	color: #354B24;	text-decoration: none;	font-weight: bold;}#linkbottom a:visited {	font-family: Verdana, Helvetica, sans-serif;	font-size: 9px;	color: #354B24;	text-decoration: none;	font-weight: bold;}#linkbottom a:hover {    font-weight: bold;	font-family: Verdana, Helvetica, sans-serif;	font-size: 9px;	color: #a0bf01;	text-decoration: none;}#linkbottom a:active {    font-weight: bold;	font-family: Verdana, Helvetica, sans-serif;	font-size: 9px;	color: #8D8E8C;	text-decoration: none;}#anos {	font-family: Georgia, Verdana, Helvetica, sans-serif;	font-size: 12px;	color: #A7B979;	text-decoration: none;	font-weight: bold;    margin-top: -222px;    margin-left: 40px;}.anostitulo {    font-size: 15px;    margin-top: 2px;    margin-left: 30px;    color: #996F1F;    font-weight: bold;}#anosano {    margin-top: 27px;    margin-left: 62px;}#conteudoanos {	font-family: Times New Roman, Verdana, Helvetica, sans-serif;	font-size: 12px;	color: #000000;	border-top: 2px dotted #4f6910;	border-right: none;	border-bottom: none;	border-left: none;}#tabelanos {    margin-top: -3px;    margin-left: 26px;}#colocacao {    margin-top: 48px;    margin-left: 76px;}.historia1 {    margin-top: -2px;    margin-left: 30px;}.historia a:link {	font-family: Georgia, Verdana, Helvetica, sans-serif;	font-size: 12px;	color: #A7B979;	text-decoration: none;	font-weight: bold;}.historia a:hover {	font-family: Georgia, Verdana, Helvetica, sans-serif;	font-size: 12px;	color: #FFFFFF;	text-decoration: none;	font-weight: bold;}.historia a:visited {	font-family: Georgia, Verdana, Helvetica, sans-serif;	font-size: 12px;	color: #A7B979;	text-decoration: none;	font-weight: bold;}.historia a:active {	font-family: Georgia, Verdana, Helvetica, sans-serif;	font-size: 12px;	color: #A7B979;	text-decoration: none;	font-weight: bold;}#titulohistoria {    margin-top: 7px;    margin-left: 139px;}.rostohistoria {    margin-top: -17px;}#chamadahistoria {    font-family: Georgia, Verdana, Helvetica, sans-serif;    color: #304508;    font-size: 10px;    margin-top: -107px;    margin-left: 139px;}.conteudohistoria {    font-size: 11px;    font-family: Georgia, Verdana, Helvetica, sans-serif;    color: #354B24;	margin-left: 31px;    }<!-- estilo do menu de anos anteriores -->dl, dt, dd, ul, li {margin: 0;padding: 0;list-style-type: none;}#menu {position: absolute;top: 33;left: 580;z-index:100;width: 153px;}#menu dl {float: left;width: 7em;margin: 0 1px;}#menu dt {cursor: pointer;text-align: center;color: #A7B979;font-size: 14px;font-weight: bold;font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;background: transparent;border: 0px solid white;}#menu dd {border: 0 0px;}#menu li {text-align: center;border: 0 0px;margin: 0 0px;}#menu li a {color: #fff;background-color: transparent;font-size: 12px;font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;text-decoration: none;display: block;height: 100%;border: 0 0px;margin: 0 0px;filter:alpha(opacity='65');-moz-opacity:0.65;opacity:0.65;}#menu dt a{color: #000;font-size: 12px;font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;text-decoration: none;display: block;height: 100%;border: 0 0px;}#menu li a:hover {background: transparent;font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;font-size: 12px;filter:alpha(opacity='100');-moz-opacity:1;opacity:1;font-weight: bold;text-decoration: none;}#menu dt a:hover {background: transparent;filter:alpha(opacity='25');-moz-opacity:0.25;opacity:0.25;font-weight: normal;}#menu li a:visited, #menu dt a:visited {font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;text-decoration: none;font-weight: normal;font-size: 12px;}<!-- fim do estilo do menu de anos anteriores -->

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

Problemas com tabelas não-semânticas não é por aqui não...[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

Nícolas    4

Nícolas
Postado

Aeee Summers, eu não nteho firefox aqui para testar, mas uma dica que te dou ANTES DE COMEÇAR A DESENVOLVER, os navegadores geralmente vem com margins e paddings com valores diferentes de padrao... o que da muita diferenca na hora de montar.Uma coisa que ajuda é você zerar todos estes valores fazendo ficar um Padrão pra eles sacou..

* {margin: 0px;padding: 0px;list-style: none;}

O * faz com quer toda ou qualquer tag tenha essa formatacao como que fosse padrao sacou.. ajuda bastante...Quando tiver tempo tento da uma força...Flw

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