Problemas com o codigo CSS

[louco Diamante 0]

Olá pessoal, sou novo aki no forum, gostaria de saber c vcs podem me ajudar, estou com um problema no meu codigo CSS, na verdade nao sei c é no codigo CSS, ou no meu HTML msm.Seguinte, qdo eu executo esse codigo no IE ele reenderiza normalmente, mas qdo executado no Firefox, mozilla ele nao consegue ser reenderizado.Segue abaixo o codigo CSS:

***********************************************//* emx_nav_left.css *//* Use with template Halo_leftNav.html *//***********************************************//***********************************************//* HTML tag styles *//***********************************************/body{ font-family: Arial,sans-serif; color: #333333; line-height: 1.166; margin: 0px; padding: 0px; /*background: #336699;*/ background: #336699 url("imagens/bg_grad2.jpg") fixed;}/******* hyperlink and anchor tag styles *******/a:link, a:visited{ color: #005FA9; text-decoration: none;}a:hover{ text-decoration: underline;}/************** header tag styles **************/h1{ font: bold 120% Arial,sans-serif; color: #334d55; margin: 0px; padding: 0px;}h2{ font: bold 114% Arial,sans-serif; color: #006699; margin: 0px; padding: 0px;}h3{ font: bold 100% Arial,sans-serif; color: #334d55; margin: 0px; padding: 0px;}h4{ font: 100% Arial,sans-serif; color: #333333; margin: 0px; padding: 0px;}h5{ font: 100% Arial,sans-serif; color: #334d55; margin: 0px; padding: 0px;}/*************** list tag styles ***************/ul{ list-style-type: square;}ul ul{ list-style-type: disc;}ul ul ul{ list-style-type: none;}/********* form and related tag styles *********/form { margin: 0; padding: 0;}label{ font: bold 1em Arial,sans-serif; color: #334d55;} input{font-family: Arial,sans-serif;}/***********************************************//* Layout Divs *//***********************************************/#pagecell1{ position:absolute; top: 29px; left:26px; right: 2%; width:711px; background-color: #ffffff; height: 729px;}#tl { position:absolute; top: -1px; left: 0px; margin: 0px; padding: 0px; z-index: 100;}#tr { position:absolute; top: -1px; right: -1px; margin: 0px; padding: 0px; z-index: 100;}#masthead{ position: absolute; top: 0px; left: 2%; right: 2%; width:95.6%; }#pageNav{ float: left; width:178px; padding: 0px; background-color: #F5f7f7; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; font: small Verdana,sans-serif;}#content{ padding: 0px 10px 0px 0px; margin:0px 0px 0px 178px; border-left: 1px solid #ccd2d2;}/***********************************************//* Component Divs *//***********************************************/#siteName{ margin: 0px; padding: 16px 0px 8px 0px; color: #ffffff; font-weight: normal;}/************** utility styles *****************/#utility{ font: 75% Verdana,sans-serif; position: absolute; top: 16px; right: 0px; color: #919999;}#utility a{ color: #ffffff;}#utility a:hover{ text-decoration: underline;}/************** pageName styles ****************/#pageName{ padding: 0px 0px 14px 10px; margin: 0px; border-bottom:1px solid #ccd2d2;}#pageName h2{ font: bold 140% Arial,sans-serif; color: #336699; margin:0px; padding: 0px;}#pageName img{ position: absolute; top: 0px; right: 6px; padding: 0px; margin: 0px;}/************* globalNav styles ****************/#globalNav{position: relative;width: 100%;min-width: 640px;height: 32px;color: #cccccc;padding: 0px;margin: 0px;background-image: url("imagens/glbnav_background.gif");}#globalNav img{ margin-bottom: -4px; }#gnl { position: absolute; top: 0px; left:0px;}#gnr { position: absolute; top: 0px; right:0px;}#globalLink{ position: absolute; top: 6px; height: 22px; min-width: 640px; padding: 0px; margin: 0px; left: 10px; z-index: 100;}a.glink, a.glink:visited{ font-size: small; color: #000000; font-weight: bold; margin: 0px; padding: 2px 5px 4px 5px; border-right: 1px solid #8FB8BC;}a.glink:hover{ background-image: url("imagens/glblnav_selected.gif"); text-decoration: none;}.skipLinks {display: none;}/************ subglobalNav styles **************/.subglobalNav{ position: absolute; top: 84px; left: 0px; /*width: 100%;*/ min-width: 640px; height: 20px; padding: 0px 0px 0px 10px; visibility: hidden; color: #ffffff;}.subglobalNav a:link, .subglobalNav a:visited { font-size: 80%; color: #ffffff;}.subglobalNav a:hover{ color: #cccccc;}/*************** search styles *****************/#search{ position: absolute; top: 5px; right: 10px; z-index: 101;}#search input{ font-size: 70%; margin: 0px 0px 0px 10px; } #search a:link, #search a:visited { font-size: 80%; font-weight: bold; }#search a:hover{ margin: 0px;}/************* breadCrumb styles ***************/#breadCrumb{ padding: 5px 0px 5px 10px; font: small Verdana,sans-serif; color: #AAAAAA;}#breadCrumb a{ color: #AAAAAA;}#breadCrumb a:hover{ color: #005FA9; text-decoration: underline;}/************** feature styles *****************/.feature{ padding: 0px 0px 10px 10px; font-size: 80%; min-height: 200px; height: 200px;}html>body .feature {height: auto;}.feature h3{ font: bold 175% Arial,sans-serif; color: #336699; padding: 30px 0px 5px 0px;}.feature img{ float: left; padding: 0px 10px 0px 0px;}/*************** story styles ******************/.story { padding: 10px 0px 0px 10px; font-size: 80%;}.story h3{ font: bold 125% Arial,sans-serif; color: #336699;}.story p { padding: 0px 0px 10px 0px;}.story a.capsule{ font: bold 1em Arial,sans-serif; color: #005FA9; display:block; padding-bottom: 5px;}.story a.capsule:hover{ text-decoration: underline;}td.storyLeft{ padding-right: 12px;}/************** siteInfo styles ****************/#siteInfo{ clear: both; border-top: 1px solid #cccccc; font-size: small; color: #cccccc; padding: 10px 10px 10px 10px; margin-top: -1px;}#siteInfo img{ padding: 4px 4px 4px 0px; vertical-align: middle;}/************ sectionLinks styles **************/#sectionLinks{ margin: 0px; padding: 0px;}#sectionLinks h3{ padding: 10px 0px 2px 10px; border-bottom: 1px solid #c3d9ff;}#sectionLinks a:link, #sectionLinks a:visited { display: block; border-top: 1px solid #ffffff; border-bottom: 1px solid #cccccc; background-image: url("imagens/bg_nav.jpg"); font-weight: bold; padding: 3px 0px 3px 10px; color: #21536A;}#sectionLinks a:hover{ border-top: 1px solid #cccccc; background-color: #DDEEFF; background-image: none; font-weight: bold; text-decoration: none;}/************* relatedLinks styles **************/.relatedLinks{ margin: 0px; padding: 0px 0px 10px 10px; border-bottom: 1px solid #cccccc;}.relatedLinks h3{ padding: 10px 0px 2px 0px;}.relatedLinks a{ display: block; }/**************** advert styles *****************/#advert{ padding: 2px;}#advert img{ display: block;}/********************* end **********************/

agora segue em anexo um exemplo do meu codigo HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><!-- DW6 --><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><title>CEATEC - Centro de Ciências Exatas, Ambientais e de Tecnologia</title><link rel="stylesheet" href="emx_nav_left.css" type="text/css"><style type="text/css"><!--.style1 { color: #000000; font-weight: bold;}.style3 { color: #336699; font-weight: bold;}.style5 {font-size: 79%}--></style></head><body> <!-- end masthead --><div id="pagecell1"> <!--pagecell1--> <img alt="" src="imagens/tl_curve_white3.gif" height="6" width="6" id="tl"> <img alt="" src="imagens/tr_curve_white3.gif" height="6" width="6" id="tr"> <div id="breadCrumb"> </div> <div id="pageName"> <h2>CEATEC - Centro de Ciencias Exatas, Ambientais e de Tecnologia </h2> </div> <div id="pageNav"> <div id="sectionLinks"> <a href="index.htm">Página Inicial </a><a href="fas_curso.htm">O Curso </a><a href="fas_historico.htm">Histórico</a> <a href="fas_estru_acad_adm.htm">Estrutura Acad/Adm</a> <a href="fas_estru_curricular.htm">Estrutura Currícular</a><a href="fas_corpo_docente.htm">Corpo Docente </a> <a href="fas_trabalho_alunos.htm">Trabalho de Alunos</a></div> <div class="relatedLinks"> <h3>.: Faculdades :. </h3> <a href="fac_analise_sistemas.htm">Análise de Sistemas </a> <a href="http://www.puc-campinas.edu.br/centros/ceatec/faculdades/fau/">Arquitetura e Urbanismo</a> <a href="fac_engenharia_amb.htm">Engenharia Ambiental </a> <a href="fac_engenharia_civil.htm">Engenharia Civil </a> <a href="fac_engenharia_comput.htm">Engenharia da Computação </a> <a href="fac_engenharia_eletri.htm">Engenharia Elétrica</a><a href="fac_geografia.htm">Geografia</a><a href="fac_matematica.htm">Matemática</a><a href="fac_quimica.htm">Quimica</a><a href="curso_sequencial.htm">Cursos Sequencias </a> </div> <div class="relatedLinks"><br> <table> <tr> <td> <a href="http://www.puc-campinas.edu.br/aluno"><img src="imagens/site_aluno.gif" border="0"></a> </td> <td> <a href="http://www.puc-campinas.edu.br/clc/minuto/index.asp"><img src="imagens/minuto_ciencia.gif" border="0"></a> </td> </tr> <tr> <td> <a href="http://www.puc-campinas.edu.br/hotsite/pos2005/index.asp"><img src="imagens/pos_2005.gif" border="0"></a> </td> <td> <a href="http://virtua.puc-campinas.edu.br"><img src="imagens/SBI.gif" border="0" align="bottom"></a> </td> </tr> </table> </div> <div id="advert"> <p></p> <p></p> </div> </div> <div id="content"> <div class="story"><br> <h3 class="style1">Faculdade de Análise de Sistemas </h3> <p class="style3">Histórico </p> <p><span class="style3">1973</span> - O Curso de Análise de Sistemas Administrativos em Processamento de Dados, na época vinculado à Faculdade de Ciências Tecnológicas. </p> <p><span class="style3">1987</span> - Criação dos cursos de Pós-Graduação, Especialização em Análise de Sistemas e Especialização de Formação de Recursos Humanos para Informática. </p> <p><span class="style3">1982</span> - Criação de Laboratório de Informática. </p> <p><span class="style3">1988</span> - Criação do Instituto de Informática. Nesse ano os cursos da área de informática oferecidos pela Universidade, passam a ser vinculados ao Instituto de Informática. </p> <p><span class="style3">1992</span> - O Curso de Análise de Sistemas Administrativos em Processamento de Dados passa a chamar Curso de Análise de Sistemas. </p> <p><span class="style3">1992</span> - O Curso de Especialização de Formação de Recursos Humanos para Informática deixa de ser oferecido. </p> <p><span class="style3">1992</span> - Criação do Curso de Especialização em Informática. </p> <p><span class="style3">1992</span> - Inicio do Curso de Mestrado em Informática com área de concentração em Gerenciamento de Sistemas de Informação. </p> <p><span class="style3">1995</span> - O Curso de Especialização em Informática deixa de ser oferecido. </p> <p><span class="style3">1995</span> - Criação do Curso de Especialização em Análise de Sistemas, com ênfase em Arquitetura Cliente Servidor. </p> <p><span class="style3">1997</span> - Início da utilização de Técnicas de Educação a Distância Mediada por Computador (EDMC) no Instituto de Informática. </p> <p><span class="style3">1998</span> - Oferecimento do Curso de Mestrado em Informática através de EDMC. </p> <p><span class="style3">1999</span> - Criação do Curso Seqüencial Complementação de Estudos de Informática Aplicada a Instituições Financeiras. </p> <p><span class="style3">2000</span> - Oferecimento do Curso Seqüencial Formação Específica de Tecnologia de Informação Aplicada a Instituições Financeiras. </p> <p><span class="style3">2003</span> - Alteração de nome do Curso Superior Seqüencial para Curso Superior Seqüencial de Formação Específica em Tecnologia da Informação. </p> <p class="style1"> </p> </div> </div> <div id="siteInfo"> <a href="#">About Us</a> | <a href="#">Site Map</a> | <a href="#">Privacy Policy</a> | <a href="#">Contact Us</a> | ©2005 Ceatec </div> </div> <!--end pagecell1--> </body></html>

Bom espero q vcs possam me ajudar.Grato desde jah.Louco diamente.

[Jackson Junior 1]

Camarada no meu ficou xou!!!

O meu eh o Firefox 1.0.6 Br

 

Qual a versao do teu FF?

 

Apareceu diferente no IE - V6

Do historico pra baixo as letras ficaram pequenas...

 

 

Estranho!!!!

-----------------------------------

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[pa_bruno 0]

quando for assim pessoal, postem um exemplo online http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif