Jump to content

Pagina desconfigurada no chrome e firefox


Djoblack
 Share

Recommended Posts

Olá pessoal, fiz dowload de um template em html e css, acontece o seguinte, no internet explorer ele funciona muito bem ja no google chrome e no firefox ele se apresenta desconfigurado, alguém pode me ajudar ???

Obrigado!!!

Está em baixo o código

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Cool Template</title>
<style type="text/css">
#links {
padding: 0;
margin: 0;
position: absolute;
text-align : center;
width: 150px;
background : transparent;
}
#links ul {
list-style : none outside;
padding: 0;
margin: 0;
background :#00319B;
color: #FFFFFF;
border-style: solid;
border-color: #0000cd;
border-width: 1px 1px 0px 1px;
font: 10px/15px verdana, helvetica, sans-serif;
}
#links ul li {
padding: 0;
margin: 0;
border: none;
}
#links ul li a {
display: block;
padding: 4px 6px;
margin: 0;
background : #00319B;
color: #FFFFFF;
border-bottom : 1px #5984D4 solid;
border-top : 1px #6B9FFF solid;
width: 150px;
text-decoration:  none;
}
html>body #links ul li a {
width: 66px;
}
#links ul li a:hover {
background : #d6d848;
color: #000;
border-bottom: 1px #BDBF3F solid;
border-top : 1px #F0F250 solid;
text-decoration:  none;
}
</style>
</head>
<body marginheight=0 topmargin=0 leftmargin=0 rightmargin=0 bottommargin=0 marginwidth="0">
<div align="center"><center><table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="100%"><div align="center"><table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr>
<td width="20%" rowspan="2" bgcolor="#00319B"><img border="0" src="cl005.gif" width="247" height="216"></td>
<td width="80%" bgcolor="#00319B"><font face="IronMan">Simple HTML / CSS Widget Navigation Template.</font>
<OBJECT id="VHSS" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macr...version=5,0,0,0" WIDTH="468" HEIGHT="60"> <PARAM NAME="movie" VALUE="http://banner.oddcast.com/banners/banner.php?bannerId=1&affiliateId=3561&promotionId=1&link=http%3A%2F%2Fwww.oddcast.com%2Faffiliates%2Fentry%2F%3FbannerId%3D1%26affiliateId%3D3561%26promotionId%3D1&newPage=1&media=http%3A%2F%2Fbanner.oddcast.com%2Fbanners%2F1%2F&"> <PARAM NAME="quality" VALUE="high"> <PARAM NAME="scale" VALUE="noborder"> <PARAM NAME="bgcolor" VALUE="#FFFFFF"> <EMBED src="http://banner.oddcast.com/banners/banner.php?bannerId=1&affiliateId=3561&promotionId=1&link=http%3A%2F%2Fwww.oddcast.com%2Faffiliates%2Fentry%2F%3FbannerId%3D1%26affiliateId%3D3561%26promotionId%3D1&newPage=1&media=http%3A%2F%2Fbanner.oddcast.com%2Fbanners%2F1%2F&" swLiveConnect="true" NAME="VHSS" quality="high" scale="noborder" bgcolor="#FFFFFF" WIDTH="468" HEIGHT="60" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"> </EMBED> </OBJECT> </td></tr>
<tr>
<td width="65%" bgcolor="#00319B"></td></tr>
<tr>
<td width="35%" height="3" bgcolor="#000000"><img border="0" src="blank.gif" width="1" height="3"></td>
<td width="65%" height="3" bgcolor="#000000"></td></tr></table></div></td></tr></table></center></div>
<div align="center"><center><table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="#000000">
<tr>
<td width="100%" bgcolor="#DC0012"><img border="0" src="blank.gif" width="1" height="3"></td></tr>
<tr>
<td width="100%"><img border="0" src="blank.gif" width="1" height="3"></td></tr>
</table></center></div>
<div align="center"><center><table border="0" cellpadding="0" cellspacing="0" width="100%" height="100">
<tr>
<td width="20%" bgcolor="#000000"><img border="0" src="blank.gif" width="1" height="250"><?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<div id="links">
<ul>
<li><a href="http://www.designerwiz.com">item 2</a>
<li><a href="http://www.designerwiz.com">item 4</a>
<li><a href="http://www.designerwiz.com">item 6</a>
<li><a href="http://www.designerwiz.com">item 8</a>
<li><a href="http://www.designerwiz.com">item 10</a>
</ul>
</div></td>
<td width="80%">
<div align="center"><table border="0" cellpadding="0" cellspacing="0" width="107%" height="100">
<tr>
<td width="1%" rowspan="6"><img border="0" src="blank.gif" width="1" height="204"></td>
<td width="72%"><font face="Arial" size="2">This is a simple template that loads quickly and looks sharp. The navigation structure is a neat CSS widget with rollover color and size control.</font>
<p><font face="Arial" size="2">The CSS Widget Navigation is very compact. You may fully adjust the width, height, border top and bottom seperate colors, hover colors and text alignments. This is a very well written code that is fully cross browser compliant for version 4+.</font></center></p></td>
<center><td width="34%" rowspan="2"><a href="http://www.qksrv.net/click-553827-8315147&afsrc=1" target="_blank"><img src="http://www.qksrv.net/image-553827-8315147" width="100" height="100" alt="New Software! Logo and eCover Creation!" border="0"></a>

</td></tr>
<tr>
<td width="72%" rowspan="2"><font face="Arial" size="2">The logo above has been created with the Logo Creator & eBook Box Cover Software.
<a href="http://www.qksrv.net/click-553827-8315204" target="_blank">Get a free trial download</a> and see the amazing abilities of this software program. It comes with 2 free logos!</font></td></tr>
<tr>
<td width="34%" rowspan="2"></td></tr>
<tr>
<td width="72%" rowspan="2"><font face="Arial" size="2">You may also have our team <a href="http://designerwiz.com/documentationframe.htm?http&&&www.designerwiz.com/logo/greet.htm" target="_blank">customize your unique logo</a> for the low price of $10.</font></td></tr>
<tr>
<td width="34%" rowspan="2"><a href="http://www.designerwiz.com" target="_blank"><img border="0" src="affilad1.gif" width="88" height="31"></a></td></tr>
<tr>
<td width="72%"><font face="Arial" size="2">Simply add scrollbar colors if desired, add your unique company logo and link the CSS Widget Nav to your pages and you are ready to go.</font></td></tr></table></div></center></td></tr></table></div>
<div align="center"><center><table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="1%" bgcolor="#000000"><img border="0" src="blank.gif" width="1" height="10"></td>
<td width="99%"></td></tr>
<tr>
<td width="1%" bgcolor="#000000"><img border="0" src="blank.gif" width="1" height="10"></td>
<td width="99%"><p align="center"></td></tr>
<tr>
<td width="1%" bgcolor="#000000"><img border="0" src="blank.gif" width="1" height="10"></td>
<td width="99%"></td></tr></table></center></div>
<div align="center"><center><table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="100%" bgcolor="#000000" colspan="2"><img border="0" src="blank.gif" width="1" height="3"></td></tr>
<tr>
<td width="100%" bgcolor="#DC0012" colspan="2"><img border="0" src="blank.gif" width="1" height="3"></td></tr>
<tr>
<td width="100%" bgcolor="#000000" colspan="2"><img border="0" src="blank.gif" width="1" height="3"></td></tr>
<tr>
<td width="1%" bgcolor="#000000" align="center"><img border="0" src="blank.gif" width="1" height="3"></td>
<td width="99%" bgcolor="#FFFFFF" align="center"><font face="Arial" size="1">Copyright: Your.com</font></td></tr>
<tr>
<td width="100%" bgcolor="#000000" colspan="2"><img border="0" src="blank.gif" width="1" height="3"></td></tr></table></center></div>
</body></html>
Link to comment
Share on other sites

Ha' certas incompatibilidades em termos de css entre navegadores, nesses casos podes ter um ficheiro de css com um fix para um navegador especifico, vai a este site http://validator.w3.org/ e procura por "css validator" no google

Por muito mais que que estude só aprendo uma coisa, que ainda tenho muita coisa para aprender.

A beleza de um código está em decompor problemas complexos em pequenos blocos simples.

"learn how to do it manually first, then use the wizzy tool to save time."

"Kill the baby, don't be afraid of starting all over again. Fail soon, learn fast."

Link to comment
Share on other sites

instala este addon para o firefox e em tools tem la' o validator

Por muito mais que que estude só aprendo uma coisa, que ainda tenho muita coisa para aprender.

A beleza de um código está em decompor problemas complexos em pequenos blocos simples.

"learn how to do it manually first, then use the wizzy tool to save time."

"Kill the baby, don't be afraid of starting all over again. Fail soon, learn fast."

Link to comment
Share on other sites

Faz a página em HTML4.01 ou em HTML5 e não em HTML 3.2.

Mesmo assim, o w3c indica que o teu código tem 80 erros. Seria boa ideia corrigir.

Edit: Oh, tens o xmlns. Então parece que a página está em xHTML. Se é esse o caso, a página tem 129 erros.

Desde que tenhas, pelo menos, 1 erro, não há razão para te queixares que certo código não funcione nalgum browser. Esse HTML está martelado.

"[Os jovens da actual geração]não lêem porque não envolve um telecomando que dê para mirar e atirar, não falam porque a trapalhice é rainha e o calão é rei" autor: thoga31

Life is a genetically transmitted disease, induced by sex, with death rate of 100%.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.