Ragazzi, ho provato a fissare l'ampiezza del content a 800 e funziona, il problema però è che il content stesso scende sotto i menù!
Questa è una cosa strana perchè in questa pagina scende, mentre in quest'altra che utilizza lo stesso css è messa al posto giusto! :?:?
Un'altra cosa che ho notato è che il footer non ha il testo nello spazio dedicato! Riuscirò mai a sistemare il sito per tutti i browser?

Grazie ancora!

@MrKid said:

Ragazzi, ho provato a fissare l'ampiezza del content a 800 e funziona, il problema però è che il content stesso scende sotto i menù!
Questa è una cosa strana perchè in questa pagina scende, mentre in quest'altra che utilizza lo stesso css è messa al posto giusto! :?:?
Un'altra cosa che ho notato è che il footer non ha il testo nello spazio dedicato! Riuscirò mai a sistemare il sito per tutti i browser?

Grazie ancora!

Hai aggiunto elementi con padding e margini che possano aver gonfiato il width del box centrale? Di solito è questa la ragione di questi scivolamenti..

@Laburno said:

Hai aggiunto elementi con padding e margini che possano aver gonfiato il width del box centrale? Di solito è questa la ragione di questi scivolamenti.
Si avevo letto qualcosa del genere, infatti ho subito controllato.
Il margin c'è, ma è lo stesso della pagina associazione (in allegato); le due pagine non differiscono in niente, solo il contenuto, che non penso possa essere la causa!
Questa cosa proprio non me la spiego! x

Puoi provare per scrupolo a mettere nella pagina Home, lo stesso menù destro della pagina Associazione?

@Laburno said:

Puoi provare per scrupolo a mettere nella pagina Home, lo stesso menù destro della pagina Associazione?
Ho fatto come mi hai suggerito, ed è la stessissima cosa.
Ho anche analizzato le pagine riga per riga e sono "IDENTICHE" :?:?, l'unica cosa che cambia è il contenuto del testo, anche quello analizzato e tutti e due contengono gli stessi tag (H1, H2, p, b).
BAH... mi starà facendo un dispetto?

Grazie per l'interesse che stai dimostrando

Eh purtroppo l'interesse non basta a quanto pare
Non mi viene in mente nulla.

Se non che potresti fare una banale test per esclusione: provare un altro testo all'interno del contenuto e vedere se è effetivamente lì il problema...

Un altra idea, la butto li, è che visto che ormai abbiamo fissato il width del wrapper, puoi a questo punto fissare il width del content (calcolando la dimensione degli altri due div 800-160-160-eventuali margini).

Ecco! Penso di aver trovato l'errore, ma proprio non capisco cosa lo causi!

Ho provato ad eliminare il contenuto e sostituirlo con quello della pagina associazione ed è andato tutto al suo posto;;)
ho così cercato di capire dove stesse il problema ed ho inserito il contenuto della home paragrafo per paragrafo, notando che:
inserendo solamente i due titoli con le prime due righe tutto rimane posizionato correttamente, appena comincio ad inserire invece gli altri paragrafi il testo scende!:x
Li ho inseriti uno alla volta e anche singolarmente e tutti causano il problema (senza i primi due, come ho già detto su).:?:?
Ora veramente scendo dalle nuvole perchè non ne ho la minima idea!

Sembra strano ma mi era venuto un dubbio ed ho provato...
ho trovato il problema, anche se non capisco perchè mi crea la situazione solo in quella pagina!
Il problema era il corsivo, ora l'ho messo temporaneamente tra i commenti sperando di risolvere e capire il perchè (in allegato la diapositiva della vittoria)!

Ora però c'è un errore simile :(, ma penso semplice da risolvere;):
come potete vedere dall'allegato (non badate alla qualità) la parte del footer non è allineata, pensavo fosse un problema del container di sinistra che non si allungava così ho provato ad aggiungere del testo per provare ed ho visto che non è quello! Penso sia il footer che non scende totalmente ma non saprei...:bho:
consigli??
TNX

@Laburno: grazie al tuo suggerimento di sperimentare, il problema è stato risolto ;).
Perdon ma sono alle prime armi e non ci avevo proprio pensato!

Menomale!
Controlla di non aver dato qualche regola di stile a <i>.

In alternativa, potresti usare <em>.. nel tuo caso penso che sia ugualmente corretto anche se devo ammettere che non ho le idee molto chiare riguardo le differenze tra questi tag.

Scusate se mi intrometto,
sto lavorando da un po' di tempo coi CSS.
Se cercate in giro per internet vedrete che la compatibilità dei vari browser con gli standard W3C è piuttosto buona quando si parla di Mozilla, Firefox, Opera, ma quando si tratta di Internet Explorer si supera difficilmente il 50%. Questo anche con l'ultima versione 7 venduta come rispettante gli standard. Non parliamo poi delle versioni precedenti in cui il box model era interpretato tutto a modo loro. Vi consiglio quindi di fare molta attenzione all'uso dei vari: float, margin, padding, width, max-width e max-height o comunque tutte quelle proprietà meno comuni in quanto Explorer difficilmente le supporta o lo fa a modo suo.
Un'altra bella chicca appena scoperta. Se vi viene l'idea di creare più file CSS per gestirli meglio, beh, non createne troppi perché sempre Explorer non ne legge più di tanti (circa 20) oltre i quali non li carica più. Naturalmente questo non accade con Firefox e Opera.
Spero di essere stato utile
Ciao

Se postate il link della pagina provo a sistemartelo io.

Ciao LippoR1, scusa ma io invece al contrario di te non sono molto pratico !
Poichè ho problemi con il footer perchè non mi allinea il contenuto con il contenitore (sempre con explorer) cosa mi consigli di fare? Eliminando i margini mi si sballa tutto; secondo te se inserisco un contenitore vuoto al di sotto, e al posto del margin, in modo da creare spessore, potrebbe andare bene? :bho:

Questo è il link: http://www.cignolo.com/FD2000
Come potete notare, il testo nel footer scende più in basso, e la colonna di sinistra comincia a ripetersi.
Grazie

Io generalmente per ovviare a questo tipo di problemi strutturo le pagine in modo diverso. Quando mi trovo in queste situazioni tendo a creare una serie di box - eventualmente incapsulati tra loro - in modo da posizionare il tutto come voglio e in ogni tipo di browser. C'è poi solo da fare un attimo di pratica con dimensioni e posizionamento quale il float. I tag tipo <p>, <span> sono trattati in modo troppo personalizzato da explorer per renderli utilizzabili con facilità, altrimenti dovresti gestire il tutto con CSS specifici per browser aumentando notevolmente il lavoro

Allora io te l'ho risolto modificandoti qualcosa.
Intanto tieni sempre presente una cosa:
Oggetti come "img", "p", "H" hanno un margine automatico e devi sempre settarlo a "margin:0;" se non vuoi riscontrare spiacevoli discompensi nella distribuzione degli oggetti.

Io ti ho risolto così:

[html]<div id="footer">
<div id="divimg"> <a href="http://creativecommons.org/licenses/by/2.5/it/"> <img src="somerights20.gif" alt="Creative Commons Licensed"/></a> </div>
<div id="contDiv">
<p>Figli Del 2000 Onlus - Piazza Mazzini, 9 - 84100 - Salerno - Cod. Fisc. 95107910655<br/>
<a href="http://www.gaetano.contaldi.name">Developed by Gaetano Contaldi</a></p>
</div>
</div>
</div>[/html]Ti ho aggiunto due "scatole" interne che contenessero l'immagine e la zona di testo.
Ho l'abitudine continuamente di distribuire ogni blocco di oggetti differenti (in questo caso immagine e testo) in div personali.

Quindi adesso hai una "scatola" chiamata footer che contiene altre due scatole.
Così attraverso il padding puoi sistemare questi due oggetti come meglio credi.

Ah conta sempre questo:

come ti hanno detto explorer "sente" i bordi, padding e margini diversamente da Firefox.

Se ad esempio hai una cella di 150px e aggiungi successivamente dei bordi laterali di 1px l'uno, conta che la cella originaria dovrà diventare 148px poichè IE incorpora i bordi come se sommasse alla grandezza originaria.
Stessa cosa per i margini e i padding.
Se ad esempio vuoi creare all'interno di un div di 100px di altezza un ulteriore div con margin-top:20px, conta che devi metterlo a 80px di height poichè il valore del margin viene incorporato nella grandezza totale del div da te inserito: 80 + 20px;

Ah ecco il css modificato:
[html]
#footer {
background:transparent url(BottomBody.png) no-repeat scroll 0%;
height:80px;
text-align:right;
width:800px;

}
p {
margin:0;
color:#818181;
font-family:Verdana;
font-size:x-small;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding-top:0px;
text-align:center;

}
#contDiv{
padding-top:10px;
width:100%;
height:30px;
}
#divimg{
height:40px;
}[/html]

Ah una cosa:
Firefox può incorporare un plugins "indispensabile" per la creazione di pagine web: Firebug.
Ti permette di visualizzare i singoli elementi e poterli interrogare , ti evidenzia i div e i blocchi di testo e ti consente di poter visualizzare script, html, css e DOM separatamente in un'ottima visuale.
Inoltre , almeno cn me, ti permette facilmente di "scovare" quei margini , padding e div che non sono correttamente impostati.

@Laburno said:

In alternativa, potresti usare <em>.. nel tuo caso penso che sia ugualmente corretto anche se devo ammettere che non ho le idee molto chiare riguardo le differenze tra questi tag.

il tag <em> dovrebbe avere una funzione più complessa ma poco utilizzata nell'uso di emettitori vocali.

Grazie tante Karedas, sei stato davvero chiarissimo!
Ho sostituito il codice, e dal tuo suggerimento, impostando il padding, ho posizionato il contenuto del footer in maniera impeccabile, sia per explorer che per firefox ;unico problema in explorer mi viene dato dalla colonna di sinistra che continua al di sotto del footer anche se di poco; cercherò però di risolvere questo problema giocando di nuovo con il padding di tutto il div (nn so se sto sparando sciocchezze)!
Ti volevo chiedere una sola cosa sulla quale, se puoi, vorrei una delucidazione: il padding viene interpretato allo stesso modo dai due browser, mentre il margin no? dico questo perchè impostando il padding, il contenuto di prima mi si spostava allo stesso modo in tutti e due i browser; poi, inserire più div non appesantisce la pagina?

Grazie ancoraaaaa

Padding e margin non hanno la stessa funzione ma vengono interpretati allo stesso modo. Devi tenere comunque presente che è l'insieme di margin+border+padding+box che cambia se il browser non rispetta gli standard.
L'inserimento di molti div non appesantisce la pagina, basta che guardi siti con pagine molto complesse che sono pieni di div per gestire bene il posizionamento

@karedas said:

il tag <em> dovrebbe avere una funzione più complessa ma poco utilizzata nell'uso di emettitori vocali.

Si, alla fine mi sono informato Grazie.

@MrKid said:

Grazie tante Karedas, sei stato davvero chiarissimo!
Ho sostituito il codice, e dal tuo suggerimento, impostando il padding, ho posizionato il contenuto del footer in maniera impeccabile, sia per explorer che per firefox ;unico problema in explorer mi viene dato dalla colonna di sinistra che continua al di sotto del footer anche se di poco; cercherò però di risolvere questo problema giocando di nuovo con il padding di tutto il div (nn so se sto sparando sciocchezze)!
Ti volevo chiedere una sola cosa sulla quale, se puoi, vorrei una delucidazione: il padding viene interpretato allo stesso modo dai due browser, mentre il margin no? dico questo perchè impostando il padding, il contenuto di prima mi si spostava allo stesso modo in tutti e due i browser; poi, inserire più div non appesantisce la pagina?

Grazie ancoraaaaa

Ho provato a spiegare velocemente l'interpretazione del box model in questo post:
http://www.giorgiotave.it/forum/css/44231-non-capisco-dove-sbaglio-aiuto-please.html#post300666

In ogni caso cercare box-model qua sul forum o su google dovrebbe fugarti ogni dubbio

@LippoR1 said:

Padding e margin non hanno la stessa funzione ma vengono interpretati allo stesso modo. Devi tenere comunque presente che è l'insieme di margin+border+padding+box che cambia se il browser non rispetta gli standard.
L'inserimento di molti div non appesantisce la pagina, basta che guardi siti con pagine molto complesse che sono pieni di div per gestire bene il posizionamento

Ciao LippoR1! Con Karedas hai salvato la giornata a MisterKid e ancora nessuno che ti ha dato il benvenuto come si deve
Beh... benvenuto!