centrare content

[alg1983]

http://www.sancarlobasket.com/test/test.php

come posso centrare l'elemento (in questo caso è l'ultima news) che sta nel content? come vedi mi va a sinistra

grazie

[alg1983]

oltre a centrare la parte nel centro vorrei anche centrare ciò che c'è nella colonna di destra

Grazie x l'aiuto

[rebelia]

ciao

prova a dare all'elemento contenitore (il div nero di sfondo) text-align: center; e all'elemento da centrare (la tabella bianca con l'header giallo) margin-left: auto: e margin-right: auto;

in questo modo dovresti riuscire a centrare tutto sia con ie che con gli altri browsers

p.s. aggiorna il titolo di pagina e tutto il blocco dei meta

[alg1983]

Originariamente inviato da rebelia
ciao

prova a dare all'elemento contenitore (il div nero di sfondo) text-align: center; e all'elemento da centrare (la tabella bianca con l'header giallo) margin-left: auto: e margin-right: auto;

E' un po' un casino, perchè l'elemento da centrare è uno script per inserire le news da un pannello...

Una cosa che non riesco bene a impostare è la larghezza delle 3 colonne...il container è impostato a 760px le colonne laterali a 160, il content centrale di conseguenza dovrebbe essere 440 giusto? Invece mi sballa tutto

[pierofix]

Originariamente inviato da alg1983
il container è impostato a 760px le colonne laterali a 160, il content centrale di conseguenza dovrebbe essere 440 giusto? Invece mi sballa tutto

Hai usato anche dei margini e dei padding, per queste colonne?

[alg1983]

Originariamente inviato da pierofix
Hai usato anche dei margini e dei padding, per queste colonne?

sì http://www.sancarlobasket.com/test/style.css

ma non capisoco una cosa i padding e i margini non sono distanze all'interno di una colonna? :master: O sono forse le distanze tra colonne? :master:

[pierofix]

Il principale problema di incompatibilità tra browser è proprio dato dall'errata intepretazione del box model da parte di IE.

Il box model si sviluppa come segue:

- www.w3.org/TR/CSS21/box.html

Verifica che il tuo CSS, per la parte riguardante il dimensionamento in larghezza delle colonne, sia corretto, in modo da farlo funzionare sui browser seri (FF, Opera e via dicendo).

Per IE, poi, c'è un hack apposito:

- http://tantek.com/CSS/Examples/boxmodelhack.html

[rebelia]

Originariamente inviato da alg1983
sì http://www.sancarlobasket.com/test/style.css

ma non capisoco una cosa i padding e i margini non sono distanze all'interno di una colonna? :master: O sono forse le distanze tra colonne? :master:

il padding e' la distanza tra il bordo e il contenuto, mentre il margin e' la distanza tra il bordo e l'elemento a lato:

margin - border - padding - contenuto - padding - border - margin

e cosi' in verticale

per un problema riguardante i browser (=erronea interpretazione del box model, cioe' del modello che ti ho grossolanamente descritto sopra) non tutti gestiscono allo stesso modo questi spessori

per mia esperienza posso dirti che funziona meglio impostare la larghezza all'elemento contenitore, non darla all'elemento contenuto e dare invece a quest'ultimo il margin; l'effetto finale e' uguale, ma hai piu' possibilita' di essere compatibile con i vari browsers

per gli hack... mi e' capitato di farne uso, ma sono fondamentalmente contraria e di soliti cerco soluzioni alternative

[alg1983]

credevo fosse + facile usare i css per programmare invece incappo in un problema dopo l'altro

quasi quasi rimpiagno le mie tabelle

[pierofix]

Sarebbe molto facile, se non fosse per il guastafeste.

Il fatto è che la progettazione intelligente richiede per forza la separazione tra struttura e presentazione. In questo meccanismo, infatti, ogni strumento si libera di pesi inutili e ha tutta la libertà e freschezza per fungere al proprio scopo preciso.

Le difficoltà si incontrano all'inizio, proprio come quando imparammo ad usare coltello e forchetta: mangeresti mai gli spaghetti, adesso, con un apribottiglie?