Ir para conteúdo

Arquivado

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

kenweb

Problema em centralizar a pagina.

Recommended Posts

Bem em alguns sites simples que faço eu crio no fireworks, fatio certinho e exporto. No dream eu pego akela tabela principal que o fireworks cria e alinho ela pro centro. Bem muito simples, porem n sei oq esta ocorrendo agora... fiz igual expliquei em cima e no dream fica centralizado mais quando eu abro em qlqr navegador a pagina fica a esquerda.... ta tudo certo mais na hora aparece isso... quale dessa? abaixo esta o codigo para examinar.

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>sitesite</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
td img {display: block;}body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
</style>
<!--Fireworks CS5 Dreamweaver CS5 target.  Created Mon Oct 17 16:26:17 GMT-0200 2011-->
<script src="estrutura/Scripts/swfobject_modified.js" type="text/javascript"></script>
<script language="JavaScript1.2" type="text/javascript">
<!--
function MM_findObj(n, d) { //v4.01
 var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
   d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
 if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
 for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
 if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_swapImgRestore() { //v3.0
 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
   var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
   if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

//-->
</script>
</head>
<body bgcolor="#ffffff" onload="MM_preloadImages('estrutura/corpo_site_r2_c10_s2.png','estrutura/corpo_site_r3_c12_s2.png','estrutura/corpo_site_r6_c2_s2.png','estrutura/corpo_site_r6_c4_s2.png','estrutura/corpo_site_r6_c7_s2.png','estrutura/corpo_site_r9_c9_s2.png')">
<table width="954" border="0" align="center" cellpadding="0" cellspacing="0" style="display: inline-table;">
<!-- fwtable fwsrc="corpo_site_original.png" fwpage="Page 1" fwbase="corpo_site.png" fwstyle="Dreamweaver" fwdocid = "103947253" fwnested="0" -->
 <tr>
  <td><img src="estrutura/spacer.gif" width="94" height="1" border="0" alt="" /></td>
  <td><img src="estrutura/spacer.gif" width="185" height="1" border="0" alt="" /></td>
  <td><img src="estrutura/spacer.gif" width="67" height="1" border="0" alt="" /></td>
  <td><img src="estrutura/spacer.gif" width="149" height="1" border="0" alt="" /></td>
  <td><img src="estrutura/spacer.gif" width="65" height="1" border="0" alt="" /></td>
  <td><img src="estrutura/spacer.gif" width="3" height="1" border="0" alt="" /></td>
  <td><img src="estrutura/spacer.gif" width="142" height="1" border="0" alt="" /></td>
  <td><img src="estrutura/spacer.gif" width="109" height="1" border="0" alt="" /></td>
  <td><img src="estrutura/spacer.gif" width="64" height="1" border="0" alt="" /></td>
  <td><img src="estrutura/spacer.gif" width="12" height="1" border="0" alt="" /></td>
  <td><img src="estrutura/spacer.gif" width="19" height="1" border="0" alt="" /></td>
  <td><img src="estrutura/spacer.gif" width="13" height="1" border="0" alt="" /></td>
  <td><img src="estrutura/spacer.gif" width="32" height="1" border="0" alt="" /></td>
  <td><img src="estrutura/spacer.gif" width="1" height="1" border="0" alt="" /></td>
 </tr>

 <tr>
  <td rowspan="4" colspan="9"><img name="corpo_site_r1_c1_s1" src="estrutura/corpo_site_r1_c1_s1.png" width="878" height="29" border="0" id="corpo_site_r1_c1_s1" alt="" /></td>
  <td><img name="corpo_site_r1_c10_s1" src="estrutura/corpo_site_r1_c10_s1.png" width="12" height="9" border="0" id="corpo_site_r1_c10_s1" alt="" /></td>
  <td rowspan="4"><img name="corpo_site_r1_c11_s1" src="estrutura/corpo_site_r1_c11_s1.png" width="19" height="29" border="0" id="corpo_site_r1_c11_s1" alt="" /></td>
  <td rowspan="2"><img name="corpo_site_r1_c12_s1" src="estrutura/corpo_site_r1_c12_s1.png" width="13" height="10" border="0" id="corpo_site_r1_c12_s1" alt="" /></td>
  <td rowspan="4"><img name="corpo_site_r1_c13_s1" src="estrutura/corpo_site_r1_c13_s1.png" width="32" height="29" border="0" id="corpo_site_r1_c13_s1" alt="" /></td>
  <td><img src="estrutura/spacer.gif" width="1" height="9" border="0" alt="" /></td>
 </tr>
 <tr>
  <td rowspan="2"><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('corpo_site_r2_c10_s1','','estrutura/corpo_site_r2_c10_s2.png',1)"><img name="corpo_site_r2_c10_s1" src="estrutura/corpo_site_r2_c10_s1.png" width="12" height="10" border="0" id="corpo_site_r2_c10_s1" alt="" /></a></td>
  <td><img src="estrutura/spacer.gif" width="1" height="1" border="0" alt="" /></td>
 </tr>
 <tr>
  <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('corpo_site_r3_c12_s1','','estrutura/corpo_site_r3_c12_s2.png',1)"><img name="corpo_site_r3_c12_s1" src="estrutura/corpo_site_r3_c12_s1.png" width="13" height="9" border="0" id="corpo_site_r3_c12_s1" alt="" /></a></td>
  <td><img src="estrutura/spacer.gif" width="1" height="9" border="0" alt="" /></td>
 </tr>
 <tr>
  <td><img name="corpo_site_r4_c10_s1" src="estrutura/corpo_site_r4_c10_s1.png" width="12" height="10" border="0" id="corpo_site_r4_c10_s1" alt="" /></td>
  <td><img name="corpo_site_r4_c12_s1" src="estrutura/corpo_site_r4_c12_s1.png" width="13" height="10" border="0" id="corpo_site_r4_c12_s1" alt="" /></td>
  <td><img src="estrutura/spacer.gif" width="1" height="10" border="0" alt="" /></td>
 </tr>
 <tr>
  <td colspan="13"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="954" height="300" id="FlashID" title="sitesite">
    <param name="movie" value="flash/banner.swf" />
    <param name="quality" value="high" />
    <param name="wmode" value="transparent" />
    <param name="swfversion" value="6.0.65.0" />
    <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
    <param name="expressinstall" value="estrutura/Scripts/expressInstall.swf" />
    <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
    <!--[if !IE]>-->
    <object type="application/x-shockwave-flash" data="flash/banner.swf" width="954" height="300">
      <!--<![endif]-->
      <param name="quality" value="high" />
      <param name="wmode" value="transparent" />
      <param name="swfversion" value="6.0.65.0" />
      <param name="expressinstall" value="estrutura/Scripts/expressInstall.swf" />
      <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
      <div>
        <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
        <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
      </div>
      <!--[if !IE]>-->
    </object>
    <!--<![endif]-->
  </object></td>
  <td><img src="estrutura/spacer.gif" width="1" height="93" border="0" alt="" /></td>
 </tr>
 <tr>
  <td><img name="corpo_site_r6_c1_s1" src="estrutura/corpo_site_r6_c1_s1.png" width="94" height="31" border="0" id="corpo_site_r6_c1_s1" alt="" /></td>
  <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('corpo_site_r6_c2_s1','','estrutura/corpo_site_r6_c2_s2.png',1)"><img name="corpo_site_r6_c2_s1" src="estrutura/corpo_site_r6_c2_s1.png" width="185" height="31" border="0" id="corpo_site_r6_c2_s1" alt="" /></a></td>
  <td><img name="corpo_site_r6_c3_s1" src="estrutura/corpo_site_r6_c3_s1.png" width="67" height="31" border="0" id="corpo_site_r6_c3_s1" alt="" /></td>
  <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('corpo_site_r6_c4_s1','','estrutura/corpo_site_r6_c4_s2.png',1)"><img name="corpo_site_r6_c4_s1" src="estrutura/corpo_site_r6_c4_s1.png" width="149" height="31" border="0" id="corpo_site_r6_c4_s1" alt="" /></a></td>
  <td colspan="2"><img name="corpo_site_r6_c5_s1" src="estrutura/corpo_site_r6_c5_s1.png" width="68" height="31" border="0" id="corpo_site_r6_c5_s1" alt="" /></td>
  <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('corpo_site_r6_c7_s1','','estrutura/corpo_site_r6_c7_s2.png',1)"><img name="corpo_site_r6_c7_s1" src="estrutura/corpo_site_r6_c7_s1.png" width="142" height="31" border="0" id="corpo_site_r6_c7_s1" alt="" /></a></td>
  <td colspan="6"><img name="corpo_site_r6_c8_s1" src="estrutura/corpo_site_r6_c8_s1.png" width="249" height="31" border="0" id="corpo_site_r6_c8_s1" alt="" /></td>
  <td><img src="estrutura/spacer.gif" width="1" height="31" border="0" alt="" /></td>
 </tr>
 <tr>
  <td colspan="13" background="estrutura/corpo_site_r7_c1_s1.png"> 
    <table width="932" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td> </td>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
        <td> </td>
      </tr>
   </table></td>
  <td><img src="estrutura/spacer.gif" width="1" height="220" border="0" alt="" /></td>
 </tr>
 <tr>
  <td colspan="13"><img name="corpo_site_r8_c1_s1" src="estrutura/corpo_site_r8_c1_s1.png" width="954" height="11" border="0" id="corpo_site_r8_c1_s1" alt="" /></td>
  <td><img src="estrutura/spacer.gif" width="1" height="11" border="0" alt="" /></td>
 </tr>
 <tr>
  <td colspan="8"> </td>
  <td colspan="5"><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('corpo_site_r9_c9_s1','','estrutura/corpo_site_r9_c9_s2.png',1)"><img name="corpo_site_r9_c9_s1" src="estrutura/corpo_site_r9_c9_s1.png" width="140" height="16" border="0" id="corpo_site_r9_c9_s1" alt="" /></a></td>
  <td><img src="estrutura/spacer.gif" width="1" height="16" border="0" alt="" /></td>
 </tr>
</table>
<script type="text/javascript">
swfobject.registerObject("FlashID");
</script>
</body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Ola's

 

Muda a linha 46 de

 

<table width="954" border="0" align="center" cellpadding="0" cellspacing="0" style="display: inline-table;">

 

para

 

<table style="display: inline-table; margin:0 auto;width:954px;text-align:center;border:none;border-collapse:collapse;">

 

[]'s

Compartilhar este post


Link para o post
Compartilhar em outros sites

iii cara n deu certo e ainda quebro meu template ele fico todo desmontado :(

 

 

Edit: vixe deve ser algum erro do firework pq eu refiz ele montando com as imagens em uma nova tabela e deu certo. ai pra comprovar de vez eu fiz outro template no firewworks e deu o mesmo erro, tudo mostra q ta no centro mas no navegador n...

 

pois eh temos q resolver isso, montar manualmente ninguem merece... eh um saco D=

Compartilhar este post


Link para o post
Compartilhar em outros sites

O correto seria montar manualmente utilizando DIVs + CSS para alinhamento e estruturação do site.

Compartilhar este post


Link para o post
Compartilhar em outros sites

.....

 

as coisas automaticas existem para n ter nada manualmente :(

 

mais quando as automaticas quebras tem q correr pra manual....

Compartilhar este post


Link para o post
Compartilhar em outros sites

Ja que n encontrei mais o botao de editar pq ele sumiu, vou fazer double post...

 

acho que o problema esta no programa fireworks cs5 se alguem ja teve ou ta tendo e sabe arrumar de uma ajudinha....

Compartilhar este post


Link para o post
Compartilhar em outros sites

Mão tem muito o que fazer, só deixar essa linha assim:

 

<table width="954" border="0" align="center" cellpadding="0" cellspacing="0">

 

E essa do CSS assim, retirando o "td":

img {display: block;}

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.