Hellp: css e altro

[tom_slash]

non so se sia la sezione giusta, ma non sapevo dov'altro postare.

musicisticortesi.altervista.org

1° problema: devo centrare una tabella sia in altezza che in larghezza
io ho usato ciò:

body{
text-align: center; /* alinea il box con IE */
}

#id_del_box{
margin: auto; /* alinea il box con i browser in modalità standard */
}


Poi nel body


<div id="id_del_box">
Questo è un box centrato :P
</div>


che me lo centra bene in larghezza ma quasi niente in altezza..

2° problema:
nel riquadro centrale dovrei inserire i contenuti del sito.
il riquadro è una cella della tabella con l'img come sfondo,
quindi non c'è nessun problema per inserire testo o altro.
il problema sorge quando il testo è troppo lungo (troppo

ad esempio), il testo va + in giù dell'immagine, allungando
la cella e scombussolandomi tutti il layout...

Esiste soluzione a ciò??

grazie in anticipo

[tom_slash]

nessuna idea??

[t1t]

Al primo quesito passo...
Per quanto riguarda il riquadro centrale del sito io so che usando anche per quello i Div al posto di una tabella c'è un'opzione
overflow:auto; che ti aggiunge automaticamente delle barre di scorrimento laterali.
Io ho usato questo metodo per fare un intero sito:fantacalcio

fammi sapere.

[tom_slash]

non ho molto ben capito come dovrei fare..
devo eliminare la tabella?? (e come farei a mantenere la struttura?)

riusciresti a postare un po' di codice??

[andrea.paiola]

Originariamente inviato da tom_slash
non ho molto ben capito come dovrei fare..
devo eliminare la tabella?? (e come farei a mantenere la struttura?)

riusciresti a postare un po' di codice??

mmm se vuoi passare da un layout tabellare ad uno fatto coi CSS ti conviene cominciare dall'inizio
http://www.html.it/css/
http://www.html.it/layout_css/

per lo scroll:
http://www.domedia.org/oveklykken/css-div-scroll.php

[Prick]

"che me lo centra bene in larghezza ma quasi niente in altezza.. " quoted


beh ci credo, per l'allineamento in verticale devi specificare vertical-align... text-align serve ad allineare orizzontalmente, in conclusione devi aggiungere questa riga:

vertical-align: middle;


tutto qua :)

[andrea.paiola]

Originariamente inviato da Prick
"che me lo centra bene in larghezza ma quasi niente in altezza.. " quoted


beh ci credo, per l'allineamento in verticale devi specificare vertical-align... text-align serve ad allineare orizzontalmente, in conclusione devi aggiungere questa riga:

vertical-align: middle;


tutto qua

ma cosa è sta roba?

per centrare:
http://pro.html.it/articoli/id_560/i...pag_2/pag.html
http://pro.html.it/articoli/id_560/i...pag_3/pag.html

[Prick]

beh quella "roba" è la proprietà css per allineare verticalmente (in 'altezza' come ha detto lui), come scritto anche nel primo articolo che tu stesso hai linkato. :)

[andrea.paiola]

Originariamente inviato da Prick
beh quella "roba" è la proprietà css per allineare verticalmente (in 'altezza' come ha detto lui), come scritto anche nel primo articolo che tu stesso hai linkato.

"vertical-align assume un duplice ruolo:

* Centrare verticalmente il contenuto di una cella di tabella, proprio come valign
* Allineare immagini ed elementi inline rispetto alla riga di testo che occupano

Se applicata in altri casi, non ha effetto."
va bene solo in quei due casi...


"Per centrare una linea di testo all'interno di un contenitore di dimensione nota si può usare la proprietà line-height"
ecc ecc

[Prick]

Originariamente inviato da andrea.paiola
"vertical-align assume un duplice ruolo:

* Centrare verticalmente il contenuto di una cella di tabella, proprio come valign
* Allineare immagini ed elementi inline rispetto alla riga di testo che occupano

Se applicata in altri casi, non ha effetto."
va bene solo in quei due casi...

Originariamente inviato da tom_slash
1° problema: devo centrare una tabella sia in altezza che in larghezza

per centrare una tabella immagino intenda centrarne il contenuto..non vedo dove sta il problema