[RISOLTO]Visualizzazione a tutta pagina

[Vix87]

Salve a tutti, primissima volta che posto, spero di non sbagliare sezione ma penso sia la più corretta.

Premesse: Sto utilizzando un tamplate nome "the27th-tg" (magari qualcuno lo utilizza e potrà aiutarmi più velocemente).

Situazione: Conoscenze preliminari/base di CSS, Joomla e php (quello che so', è davvero poco)

Problema: Vorrei visualizzare una pagina a tutto schermo, per farvi capire, ecco la pagina "lnx.cioverchia.it", sicuramente potrete notare che la pagina non occupa tutto lo spazio, ma rimane leggermente più "corta" mostrando il grigio sotto: ciò non dovrebbe succedere.

Soluzioni provate: ho provato a modificare con firebug il possibile senza ottenere nessun risultato.

Aiutatemi non sò più dove sbattere la testa, aiutate un piccolino alle prime armi con joomla/css/php.

[tomtomeight]

Ciao e benvenuto nel forum

Beh direi che se l'immagine ha quelle dimensioni di certo  anche se allunghi la pagina avrai il bianco al posto del grigio.

Veloce veloce potresti inserire dei punti (uno per riga) in fondo alla pagina e colorarli di bianco

Altrimenti o cambia immagine o aggiungi altro testo come per esempio la partita iva che è obbligatorio citare.

[adottauncane]

Ciao Vix87,
se vuoi che lapagina abbia un'altezza minima,poi come si vedrà dipende dalla risoluzione schermo di chi guarda,inserisci qui un min-height

Codice: [Seleziona]

#template {
    background-color: #FFFFFF;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    min-height: 800px !important; <---- inserisci i px che ti servono
    text-align: center;
    width: 980px;
}style.css (riga 13)

[Vix87]

min-height woow non conoscevo questo tag faccio delle prove (grazie ad entrambi)
non c'è un modo che in automatico riesca a prolungare la pagina?

[tomtomeight]

Come ti dicevo in automatico si prolunga in base alla lunghezza dei contenuti.

[adottauncane]

E se metti un min-height non devi poi mettere un height fisso

Codice: [Seleziona]

#template {
    background-color: #FFFFFF;
    height: 520px; <---- via o lasci auto
    margin-left: auto;
    margin-right: auto;
    min-height: 520px;
    text-align: center;
    width: 980px;
}style.css (riga 13)

altrimenti la pagina si blocca.

[Vix87]

RISOLTOOO

Ho modificato alcune righe del css, ecco come ho fatto:

1- ho tolto l'immagine che "visualizzava"  l'effetto ombreggiatura ai lati e sopra, togliendo (commentando "background: url (...)").
2- per togliere qualche errore "grafico" ho semplicemente aggiunto nel css (nell'apposito div) background-color: white.

Spero di essere stato d'aiuto per i prossimi "sventurati"

P.s. Continuo ad avere un leggero bug =) sulla pagina della visualizzazione prodotti, spero di fixare con le dovuto modifiche al componente VirtueMart