[CSS] Problemi con il testo

[firagaspell]

Ciao a tutti ragazzi.

Ho un problema con il testo di un footer. Il problema lo potete vedere da voi in questa pagina

clicca qui

Dando un'occhiata potete vedere che il testo del footer è spostato di molto rispetto al box che mostro.
Posto subito il codice che secondo me da errore.

XHTML:

      <div id="footer">
        <div id="top_border"></div>
        <div id="background">
          
            Opera da attribuire a Emanuele Di Blasi (BlackGecko). Non permetto nessun utilizzo a scopo commerciale della mia opera. Permetto l'uso e la modifica della mia opera solo per scopi di studio. Utilizzi per scopi diversi da quelli elencati dovranno prima essere autorizzati da Emanuele Di Blasi. Potrà essere contattato all'indirizzo di mail blackgecko@libero.it. Maggiori dettagli...
        </div>
        <div id="bottom_border"></div>
      </div>

CSS:

/* Definizione del footer */

#all #footer {
  background-color: transparent;
  width: 960px;
  font-size: 10px;
  margin: 613px 0px 0px 0px;
  clear: both;
  color: #ffffff;
}

#all #footer #top_border {
  background: transparent url('img/footer_top_border.png') no-repeat;
  width: 960px;
  height: 10px;
}

#all #footer #background {
  background: transparent url('img/footer_background.png') repeat-y;
  padding: 0px 100px;
  width: 960px;
}

#all #footer #bottom_border {
  background: transparent url('img/footer_bottom_border.png') no-repeat;
  width: 960px;
  height: 10px;
}

Il problema sembrerebbe derivare da una modifica fatta a questa parte del codice.

/* regola: #all #footer #background */
...
padding: 0px 100px;
...

Il problema che voi vedete è stato esasperato mettendo un padding orizzontale di 100px anzichè 8px solo per renderlo più evidente.
Sto cercando soluzioni ma intanto il problema non si risolve .
Aumentando il padding orizzontale succede che si sposta a sinistra il testo senza adattarsi effettivamente al box.

Grazie mille a chi mi aiuterà. Chiedete pure per qualsiasi altro dato

[firagaspell]

Qualcuno ha risposta?

[marco.carrieri]

E se sostituisci il padding con il margin?

[Bregovic]

ciao,
ma il problema è il testo che esce?
o forse non ho capito io..

[formless]

potresti ridurre la larghezza

#all #footer #background {
background: transparent url('img/footer_background.png') repeat-y;
padding: 0px 10px;
width: 940px;
}

[Bregovic]

si infatti se il problema è che il testo esce è perché mettendo il padding si allarga il contenitore.. quindi andrebbe ridotta la larghezza... penso..

ciao!

[firagaspell]

Non avrebbe senso ridurre la grandezza perchè vorrebbe dire tranciare il background... Forse ho capito cosa è

Una regola vuota può creare disagi?

Esempio:

p {
}

Se è questo forse ho trovato l'errore (l'ho lasciata là per una successiva definizione)

[Bregovic]

ma se il testo ti va fuori verso destra vuol dire che il tuo contenitore ha quelle dimensioni..
prova a metterci un bordo e guarda che dimensioni ha..

[formless]

hai fatto una verifica con il tuo codice se ti taglia lo sfondo?
perchè ho fatto una prova scaricando le immagini dal tuo sito e cambiando queste impostazioni

#all #footer #background {
background: transparent url('img/footer_background.png') repeat-y;
padding: 0px 10px;
width: 940px;
}

e funziona senza tagliare il background

[firagaspell]

ho fatto quella prova e alla fine ho tolto la width. Ho risolto togliendo la width ^_^ il metodo dei 940 px aveva funzionato ma non mi piaceva molto perchè il problema veniva solo nascosto... togliendo la width il risultato migliora perchè il padding comincia a funzionare come deve.

Grazie mille a tutti! Mi siete stati di grande aiuto! ^_^