Help
Este é meu primeiro tópico aqui e já busquei neste fórum mesmo, e em vários lugares e não achei resposta para minha dúvida.
Tenho meu código, que postarei abaixo e ele funciona direito no IE mas no FF não, já validei ele junto com a w3c e já substitui maiusculas por minusculas e etc...mas não chego a uma conclusão do que pode estar errado!!!
Abaixo, estou postando umas partes do código:
CODE
/* CSS Document */
div#SliceBar
{
/* Posicionamento */
position:absolute;
top:87px;
left:50%;
z-index:0;
/* Controle de Blocos */
width:760px;
height:23px;
margin-left:-380px;
/* Cores */
background:url(../images/img.SliceBar_Background.jpg) repeat-x;
}
/* ********************** *
* Objetos e Propriedades *
* ********************** */
div#SliceBar span.BarDate
{
/* Posicionamento */
position:absolute;
top:0;
left:50%;
z-index:0;
/* Controle de Blocos */
width:180px;
height:23px;
margin-left:-380px;
padding:4px 0 0 20px;
/* Fontes */
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
/* Cores */
color:#FFFFFF;
}
/****/
div#SliceBar div.BarMenu
{
/* Posicionamento */
position:absolute;
top:0;
left:50%;
z-index:1;
/* Controle de Blocos */
width:425px;
height:23px;
margin-left:-50px;
}
div#SliceBar div.BarMenu ul
{
/* Propriedades de Classificação */
list-style:none;
}
div#SliceBar div.BarMenu ul li
{
/* Propriedades de Classificação */
display:inline;
/* Fontes */
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
/* Cores */
color:#FFFFFF;
/* Controle de Blocos */
margin-right:10px;
/* Atributos de Texto */
text-transform:uppercase;
}
div#SliceBar div.BarMenu ul li a
{
cursor:pointer;
}
div#SliceBar div.BarMenu ul li img
{
/* Atributos de Texto */
vertical-align:middle;
}
/****/
div#SliceBar
{
/* Posicionamento */
position:absolute;
top:87px;
left:50%;
z-index:0;
/* Controle de Blocos */
width:760px;
height:23px;
margin-left:-380px;
/* Cores */
background:url(../images/img.SliceBar_Background.jpg) repeat-x;
}
/* ********************** *
* Objetos e Propriedades *
* ********************** */
div#SliceBar span.BarDate
{
/* Posicionamento */
position:absolute;
top:0;
left:50%;
z-index:0;
/* Controle de Blocos */
width:180px;
height:23px;
margin-left:-380px;
padding:4px 0 0 20px;
/* Fontes */
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
/* Cores */
color:#FFFFFF;
}
/****/
div#SliceBar div.BarMenu
{
/* Posicionamento */
position:absolute;
top:0;
left:50%;
z-index:1;
/* Controle de Blocos */
width:425px;
height:23px;
margin-left:-50px;
}
div#SliceBar div.BarMenu ul
{
/* Propriedades de Classificação */
list-style:none;
}
div#SliceBar div.BarMenu ul li
{
/* Propriedades de Classificação */
display:inline;
/* Fontes */
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
/* Cores */
color:#FFFFFF;
/* Controle de Blocos */
margin-right:10px;
/* Atributos de Texto */
text-transform:uppercase;
}
div#SliceBar div.BarMenu ul li a
{
cursor:pointer;
}
div#SliceBar div.BarMenu ul li img
{
/* Atributos de Texto */
vertical-align:middle;
}
/****/
e abaixo um exemplo html:
CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
Sintegra | Consultoria
</title>
<!--CSS-->
<link href="./css/style.Main.css" media="all" rel="stylesheet" title="Referente ao conjunto de descrições principais" type="text/css" />
<link href="./css/style.SliceTop.css" media="all" rel="stylesheet" title="Referente ao conjunto de descrições CSS da Fatia SliceTop" type="text/css" />
<link href="./css/style.SliceBar.css" media="all" rel="stylesheet" title="Referente ao conjunto de descrições CSS da Fatia SliceBar" type="text/css" />
<link href="./css/style.SliceMenu.css" media="all" rel="stylesheet" title="Referente ao conjunto de descrições CSS da Fatia SliceMenu" type="text/css" />
<link href="./css/style.SliceSubject.css" media="all" rel="stylesheet" title="Referente ao conjunto de descrições CSS da Fatia SliceSubject" type="text/css" />
<link href="./css/style.SliceContent.css" media="all" rel="stylesheet" title="Referente ao conjunto de descrições CSS da Fatia SliceContent" type="text/css" />
</head>
<body>
<!--SliceTop-->
<div id="SliceTop">
<!---->
<div class="TopLogo">
<img alt="Sintegra | Consultoria" src="././images/img.SliceTop_Logo.jpg" title="Voltar para página principal!" />
</div>
<!---->
<div class="TopInformation01">
<span class="TopInformation01FontBlue">
São Paulo |
</span>
<span class="TopInformation01FontGray">
<small>11</small> 4817-3696
</span>
<span class="TopInformation01FontBlue">
Bahia |
</span>
<span class="TopInformation01FontGray">
<small>71</small> 3342-7115
</span>
</div>
<!---->
<div class="TopInformation02">
<img alt="Sintegra do Governo" src="././images/img.SliceTop_SintegraGoverno.jpg" title="Para acessar o site do Sintegra do Governo Clique Aqui!" />
</div>
</div>
<!--SliceTop-->
<div id="SliceBar">
<!---->
<span class="BarDate">
21 de junho de 2007
</span>
<!---->
<div class="BarMenu">
<ul>
<li>
<img alt="Solicite uma proposta" src="./images/img.SliceBar_IconSoliciteUmaProposta.gif" title="Solicite uma proposta" />
Solicite uma Proposta
</li>
<li>
<img alt="Mapa do site" src="./images/img.SliceBar_IconMapaDoSite.gif" title="Mapa do site" />
Mapa Site
</li>
<li>
<img alt="Fale conosco" src="./images/img.SliceBar_IconFaleConosco.gif" title="Fale conosco" />
Fale Conosco
</li>
</ul>
</div>
</div>
...
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
Sintegra | Consultoria
</title>
<!--CSS-->
<link href="./css/style.Main.css" media="all" rel="stylesheet" title="Referente ao conjunto de descrições principais" type="text/css" />
<link href="./css/style.SliceTop.css" media="all" rel="stylesheet" title="Referente ao conjunto de descrições CSS da Fatia SliceTop" type="text/css" />
<link href="./css/style.SliceBar.css" media="all" rel="stylesheet" title="Referente ao conjunto de descrições CSS da Fatia SliceBar" type="text/css" />
<link href="./css/style.SliceMenu.css" media="all" rel="stylesheet" title="Referente ao conjunto de descrições CSS da Fatia SliceMenu" type="text/css" />
<link href="./css/style.SliceSubject.css" media="all" rel="stylesheet" title="Referente ao conjunto de descrições CSS da Fatia SliceSubject" type="text/css" />
<link href="./css/style.SliceContent.css" media="all" rel="stylesheet" title="Referente ao conjunto de descrições CSS da Fatia SliceContent" type="text/css" />
</head>
<body>
<!--SliceTop-->
<div id="SliceTop">
<!---->
<div class="TopLogo">
<img alt="Sintegra | Consultoria" src="././images/img.SliceTop_Logo.jpg" title="Voltar para página principal!" />
</div>
<!---->
<div class="TopInformation01">
<span class="TopInformation01FontBlue">
São Paulo |
</span>
<span class="TopInformation01FontGray">
<small>11</small> 4817-3696
</span>
<span class="TopInformation01FontBlue">
Bahia |
</span>
<span class="TopInformation01FontGray">
<small>71</small> 3342-7115
</span>
</div>
<!---->
<div class="TopInformation02">
<img alt="Sintegra do Governo" src="././images/img.SliceTop_SintegraGoverno.jpg" title="Para acessar o site do Sintegra do Governo Clique Aqui!" />
</div>
</div>
<!--SliceTop-->
<div id="SliceBar">
<!---->
<span class="BarDate">
21 de junho de 2007
</span>
<!---->
<div class="BarMenu">
<ul>
<li>
<img alt="Solicite uma proposta" src="./images/img.SliceBar_IconSoliciteUmaProposta.gif" title="Solicite uma proposta" />
Solicite uma Proposta
</li>
<li>
<img alt="Mapa do site" src="./images/img.SliceBar_IconMapaDoSite.gif" title="Mapa do site" />
Mapa Site
</li>
<li>
<img alt="Fale conosco" src="./images/img.SliceBar_IconFaleConosco.gif" title="Fale conosco" />
Fale Conosco
</li>
</ul>
</div>
</div>
...
Agora peço ajuda assim urgente......TO QUASE FICANDO LOUCO EM BUSCA DE UMA RESPOSTA QUE DE EM ALGUMA COISA!
Posted 03 July 2007 - 03:02 PM
