Ir para conteúdo

POWERED BY:

Arquivado

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

italo

Problema com Padronização (W3C)

Por , em Desenvolvimento frontend

Recommended Posts

italo    0

italo
Postado

Alguém pode me ajudar? o que é que está fora do padrão da W3C nesse código? não consigo visualizar o mesmo design no iExplorer, Firefox e Opera. Já estou ficando louco! :wacko:

 

index.htm

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>:: Meu Site ::</title><style type="text/css">	<!--		body {			background-image:url(img/bgPage.gif);			background-repeat:repeat-x;			background-position:top;			background-attachment:fixed;			margin:0px;			font-family:Verdana, Arial, Helvetica, sans-serif;			font-size:10px;			padding:0px;		}		#layout {			width:780px;			background-color:#FFFFFF;		}		#esquerda, #direita {			width:150px;			background-color:#DEDEDE;		}		#esquerda {			float:left;		}		#direita {			float:right;		}		#conteudo {			width:460px;			margin-left:160px;		}		#tituloEsquerda, #tituloDireita {			text-align:center;			font-weight:bold;			background-color:#CCCCCC;			font-family:Verdana, Arial, Helvetica, sans-serif;			font-size:10px;		}		#menu ul {			padding:0px;			margin:0px;			float:left;			width:780px;			background-color:#FFFFFF;			list-style:none;			text-align:center;		}		#menu ul li {			display: inline;		}		#menu ul li a {			background-color:#FFFFFF;			color:#333333;			text-decoration:none;			border-bottom:3px solid #EDEDED;			padding:2px 5px;			float:left;		}		#menu ul li a:hover {			background-color:#D6D6D6;			color:#000000;			border-bottom:3px solid #000000;		}		#rodape {			width:780px;			background-color:#FFFFFF;			float:none;			font-family:Verdana, Arial, Helvetica, sans-serif;			font-size:10px;			text-align:center;			}	--></style></head><body>	<div id="layout">		<h1 align="center">:: Meu Site ::</h1>		<div id="menu"><ul>			<li><a href="">[ Página Inicial ]</a></li>			<li><a href="">[ As Aplicações ]</a></li>			<li><a href="">[ Estudos ]</a></li>			<li><a href="">[ Testar Softwares ]</a></li>			<li><a href="">[ Perfil Profissional ]</a></li>			<li><a href="">[ O Desenvolvedor ]</a></li>			<li><a href=""> [ Links ] </a></li>			<li><a href="">[ Contato ]</a></li>		</ul></div>		<div id="esquerda"><div id="tituloEsquerda">[ Novidades ]</div>Novidades! Novidades! Novidades! Novidades! Novidades! Novidades! Novidades! Novidades! Novidades! Novidades! Novidades! Novidades! Novidades! Novidades! Novidades! Novidades!</div>		<div id="direita"><div id="tituloDireita">[ Notícias ]</div>Notícias! Notícias! Notícias! Notícias! Notícias! Notícias! Notícias! Notícias! Notícias! Notícias! Notícias! Notícias! Notícias! Notícias! Notícias! Notícias! Notícias! Notícias! Notícias!<br /></div>		<div id="conteudo">texto!<br />texto!<br />texto!<br />texto!<br />texto!<br />texto!</div>	</div>	<div id="rodape">Meu Nome Completo  - Todos os direitos reservados®<br />Minha Cidade - Meu Estado - Meu País - Ano Corrente</div></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

CiberMix    0

CiberMix
Postado

Bem analizando o código por cima.. tem algumas coisas..Não se coloca o center junto do h1.Coloque ao menos um # nos campos de links, não deixe vazio.Bem alguem vai ver o css.. talvez esteja ali o erro.[]´s

Compartilhar este post

Link para o post
Compartilhar em outros sites

italo    0

italo
Postado

Bem analizando o código por cima.. tem algumas coisas..Não se coloca o center junto do h1.Coloque ao menos um # nos campos de links, não deixe vazio.Bem alguem vai ver o css.. talvez esteja ali o erro.[]´s

obrigado, mas essa parte eu já corrigi, agora só falta mesmo esta coisa do design porque está diferente nos browsers!

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