elenco di div

**Mich_** · 20-06-2006, 12:37

Ora sono di fretta, per cui non mi fermo sui dettagli.

Per centrare la soluzione piu` corretta e` usare i margini automatici (pero` IE vuole anche il text-align nel blocco superiore).

Mi riferivo ai
contenuti nel <p class="right_txt">

No, right-with-sbarre.jpg deve diventare lo sfondo del <div id="right">

Per il linguaggio HTML utilizzato, ti converrebbe usare direttamente XHTML 1.0 Strict, anziche` transitional: e` un linguaggio piu` moderno e da` risultati migliori con i CSS.

**ant_alt** · 20-06-2006, 13:11

Originariamente inviato da Mich_
Per centrare la soluzione piu` corretta e` usare i margini automatici (pero` IE vuole anche il text-align nel blocco superiore).

ma, cm avrai capito dalla struttura della pagina, i layout sono sovrapposti e quindi devo usare le posizioni assolute..

**Mich_** · 20-06-2006, 15:05

Originariamente inviato da ant_alt
ma, cm avrai capito dalla struttura della pagina, i layout sono sovrapposti e quindi devo usare le posizioni assolute..

Veramente non lo avevo capito.
Quella pagina si puo` realizzare anche senza sovrapposizioni di blocchi: basta dare sfondi opportuni:
Lo sfondo del contenitore piu` grande deve avere due bordi bianchi, larghi esattamente quanto i box laterali escono dallo sfondo verde.
I blocchi laterali saranno formati da un pezzo di testa e un pezzo in coda (alti q.b. per fare la sfumatura, e senza scritte interne), e un pezzo mediano, con lo sfondo che si ripete in vert con le sfumature laterali. Ma questo lo hai gia` realizzato.

**ant_alt** · 20-06-2006, 18:24

Originariamente inviato da Mich_
Quella pagina si può realizzare anche senza sovrapposizioni di blocchi: basta dare sfondi opportuni:
Lo sfondo del contenitore più grande deve avere due bordi bianchi, larghi esattamente quanto i box laterali escono dallo sfondo verde.

scusa ma non ho capito tanto :master: ....due bordi bianchi?e come ci scrivo sui bordi?

**Mich_** · 21-06-2006, 09:24

Ora non ho molto tempo, e non reisco a scrivere tutto il codice.
Comunque l'HTML dovrebbe essere:

codice:

 <body>
  <div id="container"> contiene tutta la pagina puo` venir centrato 
          - contiene uno sfondo che e` uguale al tuo con l'aggiunta di spazi bianchi ai lati 
    <div id="header"> contiene solo l'immagine (per la pagina attuale) </div>
    <div id="fasciaprinc"> ha sfondo trasparente flottato a sinistra 
      <div id="nav"> qui il tuo menu gia` realizzato con il suo sfondo</div>
      potrebbero starci altri blocchi
    </div> 
    <div id="fasciasec"> contiene i blocchi di destra, flottato a dx, 
             - ha uno sfondo con le barre rosse e trasparente fuori
      <div id="campionato"> contiene i 

 del campionato del mondo</div>
      <div id="perpromuovere"> contiene i 

 del per promuovere </div>
    </div>
    <div id="princ"> questo e` il corpo principale (ora e` vuoto), flottato a sinistra</div>
    qui ci dovrebbe stare un blocco con clear:both;
    qui ci puo` stare il tuo blocco blu 125, flottato a sinistra 
  </div>
</body>

Nota che non viene MAI usato l'attributo position

**ant_alt** · 22-06-2006, 12:36

Originariamente inviato da Mich_
Ora non ho molto tempo, e non reisco a scrivere tutto il codice.
Comunque l'HTML dovrebbe essere:

codice:

 <body>
  <div id="container"> contiene tutta la pagina puo` venir centrato 
          - contiene uno sfondo che e` uguale al tuo con l'aggiunta di spazi bianchi ai lati 
    <div id="header"> contiene solo l'immagine (per la pagina attuale) </div>
    <div id="fasciaprinc"> ha sfondo trasparente flottato a sinistra 
      <div id="nav"> qui il tuo menu gia` realizzato con il suo sfondo</div>
      potrebbero starci altri blocchi
    </div> 
    <div id="fasciasec"> contiene i blocchi di destra, flottato a dx, 
             - ha uno sfondo con le barre rosse e trasparente fuori
      <div id="campionato"> contiene i 

 del campionato del mondo</div>
      <div id="perpromuovere"> contiene i 

 del per promuovere </div>
    </div>
    <div id="princ"> questo e` il corpo principale (ora e` vuoto), flottato a sinistra</div>
    qui ci dovrebbe stare un blocco con clear:both;
    qui ci puo` stare il tuo blocco blu 125, flottato a sinistra 
  </div>
</body>

Nota che non viene MAI usato l'attributo position

okok

quindi non uso + le position..ora qual è il metodo migliore per centrare orizzontalmente un div nel body senza position

ho cercato ho cercato

**Mich_** · 22-06-2006, 14:29

Ci saranno almeno cento discussioni su come centrare un oggetto nel body. Evidentemente non hai fatto una ricerca (bottone in alto)

codice:

body { 
  text-align: center;  /* serve per IE */
}
#container { 
  text-align: left; /* per sistemare allineamento */
  margin: 0 auto; /* per i browser standard */
}

Discussione: elenco di div

Strumenti discussione

Ricerca discussione

Visualizza

Permessi di invio