Non riesco a centrare .... (!!!)

**Paal** · 19-12-2007, 17:24

Scusate, ma sto dando di matto. Premesso che capisco poco di html e quindi lavoro con Dreamweaver, non riesco a centrare i banner. Se vedete questo sito, a sinistra, banner ed Ad Sense sono allineati a sinistra della cella; ma solo con I.E. 6/7, mentre con Firefox li vedo centrati.

Come posso fare per presentarli centrati anche con I.E.?

Grazie.

**Max1** · 19-12-2007, 19:58

Scusa eh! Io li vedo uguali sia con IE sia con FF
Il banner con il mouse è a sinistra con entrambi, ma se lo centri,
c'è nei piedi l'altro menu di destra

**Paal** · 19-12-2007, 20:58

No, più sotto ...

Il "banner con il mouse" HOT 114 va bene dov'è.

Dove ci sono gli Ad Sense di Google ... banner "no alla centrale", banner Noamweb (hosting) e sotto ancora gli ad sense.

**Max1** · 20-12-2007, 01:04

Prova così:

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<TITLE>Smettere di fumare</TITLE>
<meta name="keywords" content="smettere di fumare>
<meta name="description" content="Smettere di fumare: come smettere di fumare">
<meta name="language" content="it">
<meta name="author" content="Paolo Alessandrini">
<meta name="copyright" content="Paolo Alessandrini">
<META http-equiv="Pragma" content="no-cache">
<META http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script> 
function aprifinestraemail()
{ 
aprifinestraWindow = window.open("e-mail.htm","finestra"," location=no,directories=no,toolbar=no,menubar=no,status=no,scrollbars=yes,resizable=no,left=100,top=100,screenX=300,screenY=300,width=450,height=350"); 
} 
</script>
<script> 
function aprifinestrainfo()
{ 
aprifinestraWindow = window.open("info.htm","finestra"," location=no,directories=no,toolbar=no,menubar=no,status=no,scrollbars=yes,resizable=no,left=100,top=100,screenX=300,screenY=300,width=450,height=350"); 
} 
</script>

<link href="/smettere-di-fumare.css" rel="stylesheet" type="text/css">

  <link href="/smettere-di-fumare.css" rel="stylesheet" type="text/css"> 
</head>

<body><div align="center">
<div align="center">
  <div align="center">
  <table width="750" height="30" border="0" cellpadding="0" cellspacing="0">
    <tr valign="middle"> 
      <td width="375" align="center" valign="middle"> 
        <div align="left"> [img]../immagini/hot114.gif[/img]

          


	  
	  </div></td>
      <td width="375" valign="bottom"> 
        <div align="right">Home 
          | <a href="javascript:aprifinestrainfo('info')" title="Informazioni sui contenuti e disclaimer">Info 
          sito</a> | <a href="javascript:aprifinestraemail('e-mail')" title="Le nostre e-mail">e-mail

          

          </a></div></td>
    </tr>

  </table>
  <table width="750" border="0" cellspacing="0" cellpadding="0">
    <tr> 
      <td width="200" height="130" valign="middle" background="../immagini/sigarette.gif" bgcolor="#F4F4F4">[img]/immagini/spacer_F4F4F4.gif[/img][img]/immagini/freccia_1.gif[/img] 
        Tabagismo

        [img]/immagini/spacer_F4F4F4.gif[/img][img]/immagini/freccia_1.gif[/img] 
        <a href="/smettere-di-fumare.shtml" target="_top" title="Come smettere di fumare; consigli per smettere di fumare">Come 
        smettere di fumare</a>

        [img]/immagini/spacer_F4F4F4.gif[/img][img]/immagini/freccia_1.gif[/img] 
        <a href="/crisi-di-astinenza.shtml" target="_top" title="Crisi di astinenza da nicotina: quali sono e come combatterle">Crisi 
        di astinenza</a>


        [img]/immagini/spacer_F4F4F4.gif[/img][img]/immagini/freccia_1.gif[/img] 
        <a href="/esperienze.shtml" target="_top" title="Le vostre esperienze pubblicate">Le 
        vostre esperienze</a>

        [img]/immagini/spacer_F4F4F4.gif[/img][img]/immagini/freccia_1.gif[/img] 
        <a href="/contatti-link.shtml" target="_top" title="Link ad enti, associazioni ed altri siti">Contatti 
        e link utili</a>

        [img]/immagini/spacer_F4F4F4.gif[/img][img]/immagini/freccia_1.gif[/img] 
        <a href="/test-cartoline-utility.shtml" target="_top" title="Quanto dipendente dal fumo, cartoline da inviare ai vostri amici, alcune simpatiche utility, chat">Test 
        | Utility| Forum | Chat</a>

      </td>
      <td width="3" rowspan="2" bgcolor="#DDDDDD"></td>
      <td width="549" valign="middle" background="/immagini/top.gif">  </td>

    </tr>
    <tr> 
      <td width="200" height="10" bgcolor="#93A3B2"></td>
      <td width="549" height="10" bgcolor="#93A3B2"><div align="center">

<script type="text/javascript"><!--
google_ad_client = "pub-1987120356222708";
google_ad_width = 468;
google_ad_height = 15;
google_ad_format = "468x15_0ads_al_s";
google_ad_channel ="";
google_color_border = "336699";
google_color_bg = "93A3B2";
google_color_link = "0000FF";
google_color_url = "008000";
google_color_text = "000000";
//--></script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
        </div></td>
    </tr>
  </table>

</div>


  <table width="750" border="0" cellspacing="0" cellpadding="0">
    <tr> 
      <td width="200" bgcolor="#F4F4F4"></td>
      <td width="2" rowspan="2" bgcolor="#DDDDDD"></td>
      <td width="548" bgcolor="#F4F4F4"></td>
      <td width="1" background="/immagini/spacer_DDDDDD.gif"></td>
    </tr>
    <tr> 
      <td width="200" valign="top" bgcolor="#F4F4F4"> <table width="200" border="0" cellpadding="0" cellspacing="0" background="/immagini/albero.gif">

  <tr> 
    <td width="200" height="30" bgcolor="#F4F4F4"> <h1>Cosa troverete:</h1></td>
  </tr>
  <tr> 
    <td width="200" height="2" bgcolor="#DDDDDD"></td>
  </tr>
  <tr> 
    <td width="200" height="10" bgcolor="#FFFFFF"> <h2>Danni e numeri del fumo.


        

        Metodi e consigli per smettere di fumare.

        

        Come superare le crisi di astinenza.

        

        Le esperienze che ci avete inviato.

        


        Non ti basta? Alcuni altri link e contatti per aiutarti.</h2>
      <div align="center">

        <font size="2" face="Verdana, Arial, Helvetica, sans-serif">Ultimo aggiornamento 
        il:

        <font color="#FF0000">18 DICEMBRE 2007</font></font></div></td>
  </tr>
  <tr> 
    <td width="200" height="2" bgcolor="#DDDDDD"></td>
  </tr>

</table>
  <div align="center">
    <p align="center">

  <table width="200" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr> <a href="http://noallacentrale.splinder.com/" target="_blank">
      <p align="center">[img]/immagini/no-alla-centrale.gif[/img] 
      

      
</a><a href="http://www.noamweb.com/" target="_blank">
      [img]/immagini/noamweb.gif[/img] 
      

      

      <script type="text/javascript"><!--
google_ad_client = "pub-1987120356222708";
google_alternate_color = "3300CC";
google_ad_width = 120;
google_ad_height = 600;
google_ad_format = "120x600_as";
google_ad_channel ="";
google_ad_type = "text_image";
google_color_border = "CCCCCC";
google_color_bg = "FFFFFF";
google_color_link = "000000";
google_color_url = "666666";
google_color_text = "333333";
//--></script>

      <script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
      </a>
    </tr>
  </table>
    <p align="center">
  

  

</div>
 </td>
      <td width="548" valign="top">
        

 Smettere di fumare è facile. In questo sito troverete diversi 
          spunti, aiuti ed indicazioni per raggiungere il Vostro obiettivo, a 
          patto che siate forti nella Vostra convinzione. 


          

          <u>Per smettere di fumare, il primo aiuto deve venire da VOI, basandolo 
          sulla convinzione di quello che volete fare; senza questa convinzione, 
          la dipendenza sar&agrave; pi&ugrave; forte della volont&agrave;.</u>

          

          Fumatori: non esiste al mondo un metodo che vi liberi in modo indolore 
          dalla dipendenza. Che piaccia o no, il fumatore ha una doppia dipendenza: 
          dipendenza fisica (legata a delle sostanze) e dipendenza psicologica 
          (legata alla ritualit&agrave;). 

          Il fatto di smettere di fumare e pensare che si stia facendo la cosa 
          più giusta della nostra vita (e lo é sicuramente), non aiuta a liberarsi 
          dal pensiero dalla sigaretta. Questa scelta deve essere vissuta serenamente, 
          senza pensare di aver intrapreso una strada lunga e difficile altrimenti, 
          le paure, i timori e l'ansia porteranno al fallimento. E' un concetto 
          molto semplice ma molto difficile da attuare; è però di fondamentale 
          importanza per sminuire il valore della sigaretta.


          Non diamo troppa importanza alle sigarette; all'inizio tutto sembrerà 
          diverso, strano, quasi inutile, tutto avrà un diverso significato ... 
          poi passerà.

          Smettere di fumare &egrave; una delle imprese della vita, in tutti 
          i sensi. In bocca al lupo.</p>
        </td>
      <td width="1" background="/immagini/spacer_DDDDDD.gif"></td>
    </tr>
  </table>

 <div align="center"> 
  <table width="750" border="0" cellpadding="0" cellspacing="0">
    <tr> 
      <td height="4" colspan="2" bgcolor="#DDDDDD"></td>
    </tr>
    <tr bgcolor="#EFEFEF"> 
      <td height="30" colspan="2"></td>
    </tr>
    <tr> 
      <td width="600" height="40"> <div align="center">

	  
	  
	  
<form method="get" action="http://www.google.it/custom" target="google_window">
<table border="0" bgcolor="#ffffff">
<tr><td nowrap="nowrap" valign="top" align="left" height="32">
<a href="http://www.google.com/">
[img]Logo_25wht.gif[/img]</a>
</td>
<td nowrap="nowrap">
<input type="hidden" name="domains" value="www.smettere-di-fumare.it"></input>
<input type="text" name="q" size="31" maxlength="255" value=""></input>
<input type="submit" name="sa" value="Cerca"></input>
</td></tr>
<tr>
<td></td>
<td nowrap="nowrap">
<table>

<tr>
<td>
<input type="radio" name="sitesearch" value="" checked="checked"></input>
<font size="-1" color="#000000">Web</font>
</td>
<td>
<input type="radio" name="sitesearch" value="www.smettere-di-fumare.it"></input>
<font size="-1" color="#000000">www.smettere-di-fumare.it</font>
</td>
</tr>
</table>
<input type="hidden" name="client" value="pub-1987120356222708"></input>
<input type="hidden" name="forid" value="1"></input>
<input type="hidden" name="ie" value="ISO-8859-1"></input>
<input type="hidden" name="oe" value="ISO-8859-1"></input>

<input type="hidden" name="cof" value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:FFFFFF;LBGC:336699;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:1;"></input>
<input type="hidden" name="hl" value="it"></input>
</td></tr></table>
</form>

	  
	  
	  </div></td>
      <td width="150" height="40"> 
        <div align="center">
          <h6 align="right">Copyright 2003 - 2006</h6>
        </div></td>
    </tr>

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

**Paal** · 20-12-2007, 23:01

Grazie

Se non sbaglio hai aggiunto <p align="center">
Inserendolo visualizzo tutto a sinistra anche con Firefox .... :master:

**Max1** · 21-12-2007, 01:09

Come a sinistra io vedo tutto centrato nella tabella! Va bene o no?

**Myaku** · 21-12-2007, 08:51

se il link che hai postato è aggiornato, FF va bene, IE no.

prima di mettersi a correggere un codice male creato in un modo poco corretto, sarebbe bene fare sì che il codice sia ben strutturato. Perchè così si riesce ad individuare meglio quale può essere la causa del problema, e si riesce spesso anche a prevedere il comportamento su browser poco attenti agli standard (leggasi, Explorer).

Innanzitutto, il codice non è valido. Gli errori di sintassi andrebbero quindi risolti, perchè anche questi possono influire sulla visualizzazione.
Secondo, se puoi gestire tutto il layout senza tabelle, e soprattutto senza formattazioni inline (es. "align", "cellpadding", "bgcolor", ....) è ancora meglio.
Terzo, per centrare il contenuto sui browser stadard-compliant e IE dalla versione 6, si usa
"margin: 0 auto" (dove il valore di 0 può variare, l'importante è che right e left siano ad auto), per IE vers. precedenti alla 6 "text-align: center" - ovviamente, da css.

**Paal** · 21-12-2007, 10:45

codice:

se il link che hai postato è aggiornato, FF va bene, IE no.

Si, è questo il problema.

codice:

prima di mettersi a correggere un codice male creato in un modo poco corretto, sarebbe bene fare sì che il codice sia ben strutturato. Perchè così ...

codice:

Innanzitutto, il codice non è valido. Gli errori di sintassi andrebbero quindi risolti, perchè anche questi possono influire sulla visualizzazione.

Si, va bene, disquisendo sullo stato dell'arte, hai pefettamente ragione. In questo caso, però, NON ci stiamo riferendo ad un sito fatto da professionisti ma realizzato in Dreamweaver quasi per gioco. I limiti ci sono tutti, evidenti, si trattava solo di capire se si poteva fare qualche cosa, ma in modo mooolto semplice.

codice:

Terzo, per centrare il contenuto sui browser stadard-compliant e IE dalla versione 6, si usa
"margin: 0 auto" (dove il valore di 0 può variare, l'importante è che right e left siano ad auto), per IE vers. precedenti alla 6 "text-align: center" - ovviamente, da css.

Questo posso provare a farlo

Grazie

**Myaku** · 21-12-2007, 11:26

Originariamente inviato da Paal

Si, va bene, disquisendo sullo stato dell'arte, hai pefettamente ragione. In questo caso, però, NON ci stiamo riferendo ad un sito fatto da professionisti ma realizzato in Dreamweaver quasi per gioco. I limiti ci sono tutti, evidenti, si trattava solo di capire se si poteva fare qualche cosa, ma in modo mooolto semplice.

Questo mio appunto non voleva rimarcare la professionalità o meno del sito, ma solo fare presente che, se il codice che ti forniamo come soluzione sulla tua pagina non funziona, potrebbe essere dovuto a un errore nella sintassi del tuo codice che ne impedisce la corretta interpretazione

Ovvero, è più semplice correggere un problema con un codice senza errori che con uno sbagliato. Comunque sia, facci sapere se risolvi ...

**Paal** · 21-12-2007, 12:31

Tutto a posto Myaku. Il tuo discorso non fa una piega. Solo che mancando di professionalità non mi è possibile seguire il tuo giusto consiglio.

Comunque in qualche modo lo metto a posto .... spero.

Discussione: Non riesco a centrare .... (!!!)

Strumenti discussione

Ricerca discussione

Visualizza

Non riesco a centrare .... (!!!)

Permessi di invio