2 Problemi template blogger

**dadeangel** · 20-02-2007, 19:30

Buongiorno a tutti,
sto lavorando al blog per un'amica, e sto editando un template di blogger. L'indirizzo è www.silviaziche.blogspot.com...
Ho ben due problemi:
1. (solo con FF): non mi viene visualizzato il background del div footer (che mi pare aver chiamato credits)...vedo il contenuto (per ora "aaa"), ma non lo sfondo. Per assurdo, su IE7 LO VEDO...

2. (solo su IE): il bck è sfasato verticalmente di un pixel tra la parte vicina al corpo (che è un'unica immagine) e il bck stesso..si risolverebbe tutto con un margin-top: 1px; (o 2, non ricordo). In quel caso, però, non andrebbe più bene con FF...Ho provato con l'escamotage "IF IE7" etc. etc., ma non funziona...

Chi mi sa aiutare? Grazie mille!

**thomas_anderson** · 20-02-2007, 19:59

ciao!
il codice per IE7 è:

codice:

<!--[if IE 7]>
..
<![endif]-->

che è un commento condizionale nascosto. nota lo spazio tra IE e 7.
rivedi il codice del footer. assicurati che la sintassi della proprietà 'background' sia:

codice:

#footer {background: #aaa url("images/sfondo.gif") repeat-y;

nota anche in questo caso gli spazi. se devi postare il codice, posat quello XHTML e CSS solo del footer, non di tutto (che è chilometrico).

**dadeangel** · 21-02-2007, 11:59

conoscevo l'hack ie 7 (mi pare che me l'avessi suggerito proprio tu, in un altro topic), e infatti l'ho inserito

codice:

<!--[if IE 7]>
<style type="text/css">#header {
width: 869px; height: 284px; margin-top: 100px;  
background: url(http://www.davidecaci.com/silvia/images/header.jpg) no-repeat}
</style><![endif]-->
  </head>

(ho messo margine 100, così almeno verificavo se va o no)..ma non funge... (l'ho messo nella fine dell'header: avevo anche provato a metterlo direttamente nel css, ma nada..)

Idem per il footer..questo il suo css....

codice:

#footer {background: url("http://www.davidecaci.com/silvia/images/footer.jpg") no-repeat; width:869px; height:191px;}

questo l'xhtml della pagina (lo inserisco tutto perchè magari l'errore è prima, e comunque questo non èl ungo come il css..)

codice:

  <body>
  <div id='contenitore'>

    
    <span id='skiplinks' style='display:none;'>
      skip to main  |
      skip to sidebar
    </span>

    <div id='header'>
    </div>
 

      <div id='main-wrapper'>
	<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Post sul blog' type='Blog'/>
</b:section>

      <div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Archivio blog' type='BlogArchive'/>
</b:section>
      </div>

<!--    spacer for skins that want sidebar and main to be the same height
      <div class='clear'>&#160;</div>
-->
    </div> 

    <div id='footer'>aaa
      </div>

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

Grazie mille...

**dadeangel** · 23-02-2007, 00:50

nessuno?

Discussione: 2 Problemi template blogger

Strumenti discussione

Ricerca discussione

Visualizza

2 Problemi template blogger

Permessi di invio