Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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">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>
Carregando comentários...
