Publicado em 23 de mar.

Não centraliza no IE nem com o macete

Olá pessoal, já fiz um tópico aqui com uma dúvida do mesmo site mas já resolvi, agora o problema é o seguinte: mesmo usando o truque do text-align:center; na tag body o site não centraliza de jeito nenhum no IE, o site é esse:

http://www.otakumaster.com.br/portal/

como vocês podem ver abrindo no IE ele fica jogado lá pra direita, já no FF ele fica centralizado certinho, alguem ai por favor da uma revisada no código e me diz onde errei :wacko:

style.css

body {

	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #325E89;
	background:url(image_rec/back.jpg) no-repeat;
	background-color:#225EA4;
	text-align:center;
}

a:link {

	color: #1E68BD;
}

a:visited {

color: #1E68BD;
}

a:hover {

	color: #B5B5B5;
}

a:active {

color: #1E68BD;
}

#all {
	margin: 0 auto;
	width: 1075px;
}

#central {
	position: absolute;
	top: 0%;
}
#apDiv1 {
	position:absolute;
	width:100%;
	height:100%;
	z-index:1;
	left: 30px;
}

#canto1 {
	position:absolute;
	width:100%;
	height:100%;
	z-index:1;
	left: 0px;
	top: 0px;
}

#img_random {
	position:absolute;
	width:100%;
	height:100%;
	z-index:1;
	left: 528px;
	top: 0px;
}
#publicidade_banner1 {
	position:absolute;
	width:100%;
	height:100%;
	z-index:1;
	left: 61px;
	top: 254px;
}
#apDiv4 {
	position:absolute;
	width:100%;
	height:100%;
	z-index:1;
	left: 1px;
	top: 254px;
}
#apDiv5 {
	position:absolute;
	width:100%;
	height:100%;
	z-index:1;
	left: 61px;
	top: 314px;
}
#apDiv6 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	top: 326px;
	left: 51px;
}
#apDiv7 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
}
#bancada {
	position:absolute;
	background-image:url(image_rec/back_banc.jpg);
	width: 919px;
	z-index:1;
	left: 89px;
	top: 327px;
}
#tudo {
	width: 919px;
	background-image:url(image_rec/back_banc.jpg);
}

#topo {
	width: 919px;
	height: 9px;
	background-color: #ff0;
}

#espaco1 {
	float: left;
	width: 22px;
}

#menu1 {
	float: left;
	width: 176px;
	background-image:url(image_rec/back_menu1.jpg);
}

#menu2 {
	float: left;
	width: 141px;
	background-image:url(image_rec/back_menu1.jpg);
}

#destaque {
	float: left;
	width: 152px;
	height: 140px;
}

#espaco2 {
	float: left;
	width: 25px;
}

#espaco3 {
	float: left;
	width: 42px;
}

#roll {
	float: left;
	width: 343px;
	height: 132px;
	background-image:url(image_rec/projeto1rec_r6_c17.jpg);
}

#livre {
	float: right;
	width: 512px;
	height: 100%;
}

#news {
	float: right;
	width: 512px;
	height: 100%;
	text-align: left;
}

#rodape {
	width: 919px;
	height: 191px;
	background-color: #ccf;
	clear: both;
}
#apDiv2 {
	position:absolute;
	left:990px;
	top:0px;
	width:100%;
	height:100%;
	z-index:1;
}

#partners a img {opacity: 0.30; / Safari, Opera and Mozilla / filter: gray() alpha(opacity=30);}
#partners a:hover img {opacity:1; filter: alpha(opacity=100);}

#menu ul {
float: right

	background-color: #E4E4E4;
	margin: 0px;
	list-style-type: none;
	width: 145px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 20px;
}

#menu ul li {
height: 20px; / define uma altura de 20px /
width: 100%; / define a largura como 100% /
margin-bottom: 5px; /define a margem inferior para 5px /
border: 1px solid #DFDFE3; / define as bordas /
} #menu ul li a:hover { / estado hover /

color: #999999;
text-decoration: none;
height: 18px;
width: 130px;
background-color: #DFDFE3;
display: block;
}

#menu ul li a:active { / estado ativado /

color: #999999;
text-decoration: none;
height: 18px;
width: 130px;
display: block;
}

#menu ul li a:link { / estado normal /

	color: #3777B4;
	text-decoration: none;
	height: 18px;
	width: 130px;
	display: block;
}

#menu ul li a:visited { / estado visitado /

	color: #3576B0;
	text-decoration: none;
	height: 18px;
	width: 130px;
	display: block;
}

#menu ul li a { /define os espaçamentos/

padding-top: 3px;
padding-left: 15px;
}
#apDiv8 {
	position:absolute;
	width:100%;
	height:100%;
	z-index:1;
	left: -55px;
	top: 123px;
}
#apDiv9 {
	position:absolute;
	left:135px;
	top:117px;
	width:144px;
	height:95px;
	z-index:1;
	text-align: right;
}
#apDiv10 {
	position:absolute;
	left:302px;
	top:51px;
	width:106px;
	height:151px;
	z-index:1;
	text-align: left;
}

index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="[http://www.w3.org/1999/xhtml">](http://www.w3.org/1999/xhtml)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>:: OtakuMaster 2.0 :: Seu jeito otaku de ser! - Notícias do mundo Otaku - MP3 - Animes - Downloads </title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>

<div id="all">

<div id="central">

 <div id="apDiv1">
 <img src="image_rec/projeto1rec_r1_c2.jpg" border="0" usemap="#Map" />
<map name="Map" id="Map">
 <area shape="poly" coords="12,137,23,119,67,147,58,166" href="#" />
 <area shape="poly" coords="32,76,47,58,98,111,88,124" href="#" />
 <area shape="poly" coords="86,30,106,22,140,77,122,86" href="#" />
</map>
</div>
<div id="apDiv10">

<script language="JavaScript">
<!--
function Abre(url, width, height)
{
window.open(url,"_blank","resizable=yes,toolbar=no,status=no,menubar=no,scrollbars=yes,width=" + width + ",height=" + height)
}
function Fun_Enviar(formID)
{

	var formularios = document.forms.length;
	for(i=0;i<formularios;i++)
 {
 if(document.forms[i].name==formID)
 {
 var formulario = i;
 break;
 }
	}
	var num_respostas = document.forms[formulario].opcao.length;
	var resposta = num_respostas;
	var respostas = "";
	for(i=0;i<num_respostas;i++)
 {
 if(document.forms[formulario].opcao[i].checked)
 {
 resposta = i;
 if(respostas)
 {
 respostas=respostas + "&";
 }
 else
 {
 respostas=respostas + "?";
 }
 respostas=respostas + "opcao=" + document.forms[formulario].opcao[i].value;
 }
	}
	if(resposta==num_respostas)
	{
	alert("Uma opção deve ser escolhida!");
	}
	else
	{
	Abre("[http://www.enquetes.com.br/enquete.asp"](http://www.enquetes.com.br/enquete.asp) + respostas,400,340);
	}
}

//-->

</script>

<form name=frm791025>
<B>Você prefere animes de:</B><BR>
<input type="checkbox" name="opcao" value="4267188">Ação<br>
<input type="checkbox" name="opcao" value="4267189">Drama<br>
<input type="checkbox" name="opcao" value="4267190">Romance<br>
<input type="checkbox" name="opcao" value="4267191">Ficção<br>
<input type="checkbox" name="opcao" value="4267192">Comédia<br>
<input type="checkbox" name="opcao" value="4267193">Terror<br>
<input type="hidden" name="id" value="791025">

<b><a href="java script:Fun_Enviar('frm791025')">Votar|</a></b><a href="java script:Abre('http://www.enquetes.com.br/enquete.asp?id=791025',400,350)"> resultado</a>
</form><br>

</div>
<div id="apDiv9">

[17/03] Asian Kung-fu Gen... [16/03] True Tears - Lanç... [15/03] Afro Samurai - Co... [14/03] Midori no Hibi - ... [13/03] Saint Seiya - Cha... [11/03] Gundam 00

</div>
 <div id="canto1"><img src="image_rec/canto1.png" /></div>
<div id="img_random">
<img src="image_rec/projeto1rec_r1_c16.jpg" border="0" />
<div id="apDiv3"><img src="image_rec/button_otm2.gif" /></div>
</div>
 <div id="publicidade_banner1"><img src="image_rec/bannerotm2.jpg" width="468" height="60" border="0" usemap="#Map2" />
<map name="Map2" id="Map2"><area shape="rect" coords="5,4,464,55" href="[http://www.otakumaster.com.br"](http://www.otakumaster.com.br) target="_blank" /></map></div>
	<div id="apDiv4">
	<img src="image_rec/projeto1rec_r2_c2.png" /></div>
<div id="apDiv5"><img src="image_rec/projeto1rec_r3_c3.jpg" />
 </div>
	<div id="apDiv2">
 <div id="apDiv8"><img src="image_rec/button_otm2.gif" width="88" height="31"/></div>
	<img src="image_rec/projeto1rec_r1_c20.png" /></div>
 <!---bancada--->
<div id="bancada">
<div id="tudo">

	<div id="topo"><img src="image_rec/projeto1rec_r4_c4.jpg" /></div>

	<div id="espaco1"> </div>

	<div id="menu1">
 <div align="justify"><img src="image_rec/projeto1rec_r5_c7.jpg" /></div>
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Equipe</a></li>
<li><a href="#">Fórum</a></li>
<li><a href="#">Comunidade</a></li>
<li><a href="#">Fale Conosco</a></li>
<li><a href="#">Postar News</a></li>
<li><a href="#">Publicidade</a></li>
<li><a href="#">Parceria</a></li>

</ul>
</div>
<br /><br />
 <img src="image_rec/projeto1rec_r10_c7.jpg" />
<br />
<div id="menu">
<ul>
<li><a href="#">Animes</a></li>
<li><a href="#">Especiais/OVAs</a></li>
<li><a href="#">Filmes</a></li>
<li><a href="#">Mangás</a></li>
<li><a href="#">Tokusatsus</a></li>
<li><a href="#">AMVs</a></li>
<li><a href="#">Design/Acessórios</a></li>
<li><a href="#">Músicas</a></li>

</ul>
</div>
<br /><br />
<img src="image_rec/projeto1rec_r15_c7.jpg" />
<br />
<div id="menu">
<ul>
<li><a href="#">Animes</a></li>
<li><a href="#">Tokusatsus</a></li>
</ul>
</div>
<br /><br />
<img src="image_rec/projeto1rec_r19_c7.jpg" />
<br />
<div id="menu">
<ul>
<li><a href="#">Rapidshare</a></li>
<li><a href="#">Badongo</a></li>
</ul>
</div>
<br />
 
 <div align="justify"><img src="image_rec/projeto1rec_r21_c6.jpg" /></div>
 <div align="justify"><img src="image_rec/brancom1.jpg" /></div>
 <div align="justify"><img src="image_rec/projeto1rec_r23_c7.jpg" /></div>
 <br />
<a href="[http://the4elemtsfamily.forumeiros.com/portal.htm"](http://the4elemtsfamily.forumeiros.com/portal.htm) target="_blank">4 Elements family</a><br />
<a href="[http://animemangaetvpaga.blogspot.com/"](http://animemangaetvpaga.blogspot.com/) target="_blank">Anime, MangÃ¡ & TV </a><br />
<a href="[http://www.slamdunk.suprasolucoes.com/"](http://www.slamdunk.suprasolucoes.com/) target="_blank">Slam Dunk </a>
<br />
 
 <div align="justify"><img src="image_rec/projeto1rec_r21_c6.jpg" /></div>
 <div align="justify"><img src="image_rec/brancom1.jpg" /></div>
 <div align="justify"><img src="image_rec/projeto1rec_r27_c7.jpg" /></div>
     Soon
 <br />
 
 <div align="justify"><img src="image_rec/projeto1rec_r21_c6.jpg" /></div>
 </div>

	<div id="espaco2"> </div>
 <div id="menu2">
 <div align="justify">
 <img src="image_rec/projeto1rec_r5_c10.jpg"/></div>
 <div id="partners">
<br />
<a href="[http://www.mp3.animaniaclub.com.br"](http://www.mp3.animaniaclub.com.br) target="_blank"><img src="[http://www.mp3.animaniaclub.com.br/images/bt_parceiros.gif"](http://www.mp3.animaniaclub.com.br/images/bt_parceiros.gif) alt="AMC" width="88" height="31" border="0" /></a>
<br />
<a href="[http://www.dragonballbrasil.com.br"](http://www.dragonballbrasil.com.br) target="_blank"><img src="[http://www.dragonballbrasil.com.br/img/layout/versao2006/botao2.gif"](http://www.dragonballbrasil.com.br/img/layout/versao2006/botao2.gif) alt="Dragon Ball Brasil" width="88" height="31" border="0" /></a>
<br />
<a href="[http://www.jrock.animaniaclub.com.br/"](http://www.jrock.animaniaclub.com.br/) target="_blank"><img src="[http://www.jrock.animaniaclub.com.br/images/bt_jrock.gif"](http://www.jrock.animaniaclub.com.br/images/bt_jrock.gif) alt="Jrock AMC" width="88" height="31" border="0" /></a>
<br />
<a href="[http://www.negimadaisuki.com/"](http://www.negimadaisuki.com/) target="_blank"><img alt="negima" src="[http://www.otakumaster.com.br/negidaisui.jpg"](http://www.otakumaster.com.br/negidaisui.jpg) border="0"></a>
<br>
<a href="[http://www.dbzgtl.com"](http://www.dbzgtl.com) target="_blank"><img alt="negima" src="[http://www.dbzgtl.com/dbzgtl.gif"](http://www.dbzgtl.com/dbzgtl.gif) border="0"></a><br>
<a href="[http://bruthais.myutsu.net/"](http://bruthais.myutsu.net/) target="_blank"><img alt="Bruthais fansubus" src="[http://www.otakumaster.com.br/bruthaissub_parceiro.gif"](http://www.otakumaster.com.br/bruthaissub_parceiro.gif) border="0"></a>
<br>
<a href="[http://www.tnnac.net/"](http://www.tnnac.net/) target="_blank"><img alt="TNNAC Fansub" src="[http://www.otakumaster.com.br/images/tnnac-button2.gif"](http://www.otakumaster.com.br/images/tnnac-button2.gif) border="0"></a>
<br>
<a href="[http://www.tnnac.net/"](http://www.tnnac.net/) target="_blank"><img alt="Central de Animes" src="[http://centraldeanimes.com.br/cdalg.gif"](http://centraldeanimes.com.br/cdalg.gif) border="0"></a>
<br>
<a href="[http://www.jam-station.com/"](http://www.jam-station.com/) target="_blank"><img height="31" alt="Jam Station" src="[http://www.jam-station.com/anuncios/jambutton.jpg"](http://www.jam-station.com/anuncios/jambutton.jpg) width="88" border="0"></a>
<br>
<a href="[http://www.tboa.com.br"](http://www.tboa.com.br) target="_blank"><img alt="TBoA - The Best of Anime" src="[http://www.tboa.com.br/banners_parcerias/banner_88x31.gif"](http://www.tboa.com.br/banners_parcerias/banner_88x31.gif) border="0"></a>
<br>
<a href="[http://z3.invisionfree.com/Rede_RPG/index.php"](http://z3.invisionfree.com/Rede_RPG/index.php) target="_blank"><img height="31" alt="Rede RPG" src="[http://img118.imageshack.us/img118/9816/buttonprincipalnf8.gif"](http://img118.imageshack.us/img118/9816/buttonprincipalnf8.gif) width="88" border="0" longdesc="[http://z3.invisionfree.com/Rede_RPG/index.php"](http://z3.invisionfree.com/Rede_RPG/index.php)></a>
<br>
<a href="[http://www.clananima.com/"](http://www.clananima.com/) target="_blank"><img height="31" alt="Clan Anima" src="/clan.gif" width="88" border="0"></a>
<br>
<a href="[http://www.animesenergy.com/"](http://www.animesenergy.com/) target="_blank"><img height="31" alt="animesenergy" src="[http://www.animesenergy.com/botaoae.gif"](http://www.animesenergy.com/botaoae.gif) width="88" border="0" longdesc="[http://www.animesenergy.com">](http://www.animesenergy.com)
<br>
<a href="[http://www.hentaiconnection.kit.net/"](http://www.hentaiconnection.kit.net/) target="_blank"><img height="31" alt="Hentai Connection" src="[http://www.hentaiconnection.kit.net/button.gif"](http://www.hentaiconnection.kit.net/button.gif) width="88" border="0" longdesc="www.hentaiconnection.biz"></a>
<br />
<a href="[http://www.eomteam.com/"](http://www.eomteam.com/) target="_blank" ><img src="[http://www.eomteam.com/images/banner/banner_palacio_88x31.gif"](http://www.eomteam.com/images/banner/banner_palacio_88x31.gif) alt="Portal Eom Team" width="88" height="31" border="0" /></a>
<br />
<a href="[http://www.meta-ro.com/"](http://www.meta-ro.com/) target="_blank"><img src="[http://www.meta-ro.com/banners/88x31.gif"](http://www.meta-ro.com/banners/88x31.gif) alt="Meta-Ro" border="0" /></a><br />
<a href="[http://www.dragonaut-br.com/"](http://www.dragonaut-br.com/) target="_blank"><img src="[http://www.dragonaut-br.com/buttons/2.gif"](http://www.dragonaut-br.com/buttons/2.gif) alt="Dragonaut-br" border="0" /></a>
<br />
<a href="[http://www.sailormoon-portugal.pt.vu/"](http://www.sailormoon-portugal.pt.vu/) target="_blank"><img src="[http://samuelleca.no.sapo.pt/smpt/imagens/banners/banner1.gif"](http://samuelleca.no.sapo.pt/smpt/imagens/banners/banner1.gif) alt="SailorMoon Portugal" border="0" /></a>
<br />
<a href="[http://www.cosplayonegai.com/"](http://www.cosplayonegai.com/) target="_blank"><img src="[http://www.cosplayonegai.com/co/imagem/botao2.gif"](http://www.cosplayonegai.com/co/imagem/botao2.gif) alt="Cosplay Onegai" border="0" /></a>
<br />
<a href="[http://www.warezcompany.uni.cc"](http://www.warezcompany.uni.cc) target="_blank"><img src="[http://www.warezcompany.uni.cc/imagens/banner_button.gif"](http://www.warezcompany.uni.cc/imagens/banner_button.gif) alt="Cosplay Onegai" border="0" /></a>
</div>
<br />
 
 <div align="justify"><img src="image_rec/projeto1rec_r12_c10.jpg" /></div>
 </div>
 <div id="espaco3"> </div>
 <div id="destaque">
 <div align="justify"><img src="image_rec/projeto1rec_r5_c15.jpg" /></div>
 <div align="left">
 Inauguração

OtakuMaster: O mais novo site de Animes totalmente feito para os otakus!

Vagas abertas para uploaders! Entre em contato conosco!

 </div>

 </div>
 <div id="roll">

 </div>

<div id="livre" align="left">

</div>

<div id="news">

</div>

	<div id="rodape"><img src="image_rec/projeto1rec_r34_c4.jpg" /></div>

</div>

</div>

</div>
</div>
</body>
</html>

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

Now playing: MAXIMUM THE HORMONE - Seiri Tsuu Ha Kannaduki Wo Koo

via FoxyTunes

Discussão (6)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Carregando comentários...