Ir para conteúdo

POWERED BY:

Arquivado

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

tiagoborges.net

Tableless (Problemas com IE)

Por , em Desenvolvimento frontend

Recommended Posts

tiagoborges.net    0

tiagoborges.net
Postado

Galera estou com problemas de interpretação pelo IE do XHTML abaixo, alguem poderia me ajudar a saber onde estou errando:

 

HTML

<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt" lang="pt"><head><title>[ Includes Solutions ]</title><meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" /><style type="text/css"><!-- /*<![CDATA[*/ @import url("cssScreen.css"); /*]]>*/ --></style><script src="jsMenuDropDown.js" type="text/javascript"></script></head><body><div id="divMenu"><span class="spanBar">  [</span><span><a href=".">Inicial</a></span><span class="spanBar">|</span><span><a href="../">Includes Solutions</a></span><span class="spanBar">|</span><span><a href="javaScript:void(null);">Sistemas</a><ul><li><a href="SGCFC">SGCFC</a></li></ul></span><span class="spanBar">|</span><span><a href="javaScript:void(null);">Configurações</a><ul><li><a href="DataUsers.asp">Dados dos Usuários</a></li><hr><li><a href="MyData.asp">Meus Dados</a></li><hr><li><a href="DataCompany.asp">Dados da Empresa</a></li></ul></span><span class="spanBar">]</span></div></body></html>

CSS {cssScreen.css}

#divMenu {	background-color: #336699;	border: 1px solid #003366;	color: #FFFFFF;	height: 26px;}#divMenu span {	float: left;	margin: 0px;	position: relative;	padding: 3px 0px;}.spanBar {	font-weight: bold;	padding: 7px 0px;}#divMenu span a {	background-color: #336699;	border: 1px solid #336699;	color: #FFFFFF;	display: block;	padding: 3px 5px;	text-decoration: none;}#divMenu span a:hover {	background-color: #6699CC;	border: 1px solid #99CCFF;	color: #FFFFFF;	text-decoration: underline;	display: block;}#divMenu span ul {	background-color: #336699;	border: 1px solid #003366;	display: none;	left: 0px;	list-style: none;	margin: 0px;	padding: 3px;	position: absolute;	top: 26px;	width: 150px;}#divMenu span:hover ul, #divMenu span.over ul {	display: block;}#divMenu span ul hr {	margin: 2px 0px;	padding: 0px;}

JS {jsMenuDropDown.js}

startList = function() {if (document.all&&document.getElementById) {navRoot = document.getElementById("divMenu");for (i=0; i<navRoot.childNodes.length; i++) {node = navRoot.childNodes[i];if (node.nodeName=="ul") {node.onmouseover=function() {this.className+=" over";  }  node.onmouseout=function() {  this.className=this.className.replace(" over", "");   }   }  } }}window.onload=startList;

 

Além de não funcionar, também não valida no http://validator.w3.org/.

 

O que eu faço agora?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Alex Hiroshi    7

Alex Hiroshi
Postado

O que não está funcionando? Não valida na w3c?? quais os erros que a w3c te mostra?

 

1- Importe o arquivo css com apenas

<style type="text/css" media="screen">@import url("cssScreen.css");</style>
2- você pode tirar alguns dos <span>'s, você pode tirar os spans do menu e usar no lugar, os <li>'s

3- a tag <hr> tem fechamento, se você estiver validando o xhtml, ele vai falar isso... pois todas as tem um fechamento... </hr>

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