Banner che non riesco a centrare.

[NeroInferno]

Ciao a tutti,
ho appena cominciato a buttare giù una bozza per il layout del sito e non riesco a far centrare il modulo banner.

Questo è il sorgente della pagina HTML generata:

Codice: [Seleziona]

<div id="bottom">
   <div class="bannergroup">
      <div class="banneritem">
         <a target="_blank" href="/joomla2/index.php?option=com_banners&task=click&bid=8">
<img alt="Banner" src="http://localhost/joomla2/images/banners/shop-ad-books.jpg"/></a>
          <div class="clr"/>
      </div>
   </div>
</div>

ho provato con il seguente codice CSS, senza alcun risultato (apparte lo sfondo blu s'intende):

Codice: [Seleziona]

div#bottom {
margin-left: auto;
margin-right: auto;
background: blue;
}

In poche parole voglio allineare il modulo banner al centro del contenitore di tutto il sito (div#wrapper)

Dove è che sbaglio?

Grazie,
m.

[NeroInferno]

Mi sono accorto che devo aver combinato qualche casino con i div.

La situazione e' questa (vedi immagine bozza.gif):

C'e' il div#blocco_left che e' affiancato al div#blocco_contenuti e sotto c'e' il div#bottom che contiene il codice del modulo banner.

Ho provato a dare uno sfondo verde al div#bottom (ossia il contentitore del modulo banner) e mi sono accorto che il div parte da sopra, come potete vedere nell'immagine allegata. Dov'e' che sbaglio?? Come faccio a dire al div#bottom che deve partire DOPO i div #blocco_left e #blocco_contenuti?

Ovviamente il #blocco_left non è visibile nell'immagine, mentre appare solamente in arancione il #blocco_contenuti e in verde scuro il #bottom, quest'ultimo contenitore del modulo banner.

Ho affiancato i due div (#blocco_left e #blocco_contenuti) l'un l'altro con:

Codice: [Seleziona]

div#blocco_left, div#blocco_contenuti {
   float: left;
}

Grazie a tutti!
m.

EDIT #1:
Mi ero dimenticato di bloccare il "flottamento"! Il problema del div verde che parte da sopra è risolto ma rimane sempre il problema dell'allineamento centrale dell'immagine banner dentro il div.

A chi dovesse interessare ho allegato un piccolo esempio zippato dell'affiancare 2 div e stoppare il flottamento.


[allegato eliminato da un amministratore - Il file era vecchio]

[NeroInferno]

Mi sono accorto che devo aver combinato qualche casino con i div.

La situazione e' questa (vedi immagine bozza.gif):

C'e' il div#blocco_left che e' affiancato al div#blocco_contenuti e sotto c'e' il div#bottom che contiene il codice del modulo banner.

Ho provato a dare uno sfondo verde al div#bottom (ossia il contentitore del modulo banner) e mi sono accorto che il div parte da sopra, come potete vedere nell'immagine allegata. Dov'e' che sbaglio?? Come faccio a dire al div#bottom che deve partire DOPO i div #blocco_left e #blocco_contenuti?

Ovviamente il #blocco_left non è visibile nell'immagine, mentre appare solamente in arancione il #blocco_contenuti e in verde scuro il #bottom, quest'ultimo contenitore del modulo banner.

Ho affiancato i due div (#blocco_left e #blocco_contenuti) l'un l'altro con:

Codice: [Seleziona]

div#blocco_left, div#blocco_contenuti {
   float: left;
}

Grazie a tutti!
m.

[NeroInferno]

Sto facendo un casino scusate, ho quotato anziche' modificare, non considerate il post #3 (non mi sembra gli utenti normali abbiamo possibilità di cancellare i post che scrivono)

Grazie,
m.

[santograz]

Ciao,
capisco che sei un po' nuovo a queste cose, ma fai davvero troppa confusione. Se posso ti aiuto volentieri, ma se il problema e' quello della cultura generale htlm/css, allora dovresti prima documentarti...

Non sarebbe male poi se mettessi una pagina online dove si vede il problema...

Comunque, vediamo se ho capito bene.

In primo luogo, se metti una dopo l'altra due div con float:left, quelle appariranno una sopra l'altra, non so se e; quello che volevi ottenere.

Se invece vuoi centrare il footer, tutti gli elementi che ci stanno sopra devono stare in un contenitore, subito dentro il container principale, poi chiuso questo contenitore, si inizia una div con contenuto centrato, e dentro il footer (o banner), infine si chiude il container principale.

Spero ti sia utile...

[NeroInferno]

Grazie ma poi ho risolto!

Il problema è che non davo la dimensione al div del modulo..e ovviamente non si allineava.

Grazie cmq,
m.