Allineamento testo e fondo pagina

[teju]

Allineamento testo e fondo pagina

Ciao gente, sto preparando un sito web per un amico musicista.
Parto da un'installazione di WordPress, con un template completamente personalizzato.
Ho però dei problemi nella gestione dei CSS e cerco un aiuto: il sito in demo è su simonepedroni.seedlearn.org

In particolare non so come gestire:

• il fondo pagina: vorrei che quel verde/grigio arrivasse fino in fondo (prima della scritta "Powered by..."), senza che appaia la riga rossa

• il titolo in alto a sinistra: in alcune pagine correttamente lascia uno spazietto prima del titolo (come in home per esempio), in altre (come in Management ad esempio) me lo appiccica al bordo...

Grazie mille dell'aiuto!

[marinski]

Postami tutto il codice CSS, dovrebbe essere abbastanza semplice se ho capito giusto!

[teju]

Grazie, lo trovi a questo indirizzo simonepedroni.seedlearn.org/wp-content/themes/SimonePedroni01/style.css

[teju]

Nessuno?

[microcipcip]

Devi specificare in quale browser hai questi problemi, ho aperto il sito con Firefox e poi con Internet Explorer, e la grafica è molto diversa.

[microcipcip]

Per quanto riguarda il problema del grigio che non arriva a fondo pagina, c'e un sistema semplice per risolverlo:

1. Elimina il colore grigio e quello rosso dal css
2. Crea un immagine jpg o gif di 1px di altezza con a sinistra il grigio ed a destra il rosso
3. Applica l'immagine al body in questo modo:

body{
background: url(../nomeimmagine.jpg) repeat-y top center;
}

[marinski]

Confermo, poi dicci se il problema persiste!
PS: sarebbe più semplice se postassi il codice direttamente anziché linkarci il tuo style.css

[teju]

@microcipcip said:

2. Crea un immagine jpg o gif di 1px di altezza con a sinistra il grigio ed a destra il rosso

3. Applica l'immagine al body in questo modo:
   Ciao, ho provato in locale ma non funziona....

Ho provato sia con Firefox che con IE e i due problemi riportati appaiono uguali.
Il CSS è lunghissimo.... meglio mettere il link, no? Purtroppo infatti non saprei neanche che pezzetto postare, non so quale sia il "colpevole"...

Resto in attesa e nel frattempo ringrazio per i primi tentativi di aiuto.

[teju]

@Teju said:

• il titolo in alto a sinistra: in alcune pagine correttamente lascia uno spazietto prima del titolo (come in home per esempio), in altre (come in Management ad esempio) me lo appiccica al bordo...
  Nessuna idea per questo problema?

[teju]

Aiuto, c'è un altro serissimo problema!!
Visto con IE questo sito ha i testi enormi, diventa inleggibile!!

[teju]

@Teju said:

Ciao, ho provato in locale ma non funziona....

Ho provato sia con Firefox che con IE e i due problemi riportati appaiono uguali.
Il CSS è lunghissimo.... meglio mettere il link, no? Purtroppo infatti non saprei neanche che pezzetto postare, non so quale sia il "colpevole"...

Resto in attesa e nel frattempo ringrazio per i primi tentativi di aiuto.
Sorry, ho riprovato e così funziona senza problemi la questione sfondo.

[teju]

@Teju said:

Sorry, ho riprovato e così funziona senza problemi la questione sfondo.
Ciao, recupero questo 3D perchè ho notato sotto Explorer ha un difetto questa metodologia di utilizzo dello sfondo: dopo il footer a sfondo bianco, in Explorer appunto, riprende lo sfondo per una 30ina di pixel: come bloccarlo prima?

Ricordo la demo presente sotto simonepedroni.seedlearn.org

Thanks

[microcipcip]

Probabilmente la classe del footer ha del padding oppure un margine che mostra il background sottostante. Prova a sistemarlo con i commenti condizionali.

[teju]

@microcipcip said:

Prova a sistemarlo con i commenti condizionali.
ovvero?

[microcipcip]

Ovvero modificando questo file CSS, che viene letto solo da internet explorer:

<!--[if IE 7]><link rel="stylesheet" href="http://simonepedroni.seedlearn.org/wp-content/themes/SimonePedroni01/style.ie7.css" type="text/css" media="screen" /><![endif]-->

[teju]

Sì, a questo ci arrivavo, grazie comunque.
Quel che chiedevo era a livello CSS: cosa andare ad aggiungere/modificare sul CSS per IE?