Shade background non copre tutto il monitor

Shyson

Utente Attivo
19 Ago 2012
1.167
1
38
Ho dato 100% ma non copre tutto come puoi vedere, clicca sul simbolo della @mail
SITO

PHP:
#shade {
    position: absolute;
    background-color: #000000;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    opacity: 0.6;  /*Firefox */
    filter: alpha(opacity=60); /*IE*/
    display: none;
    z-index: 1;
}
 

Jonn

Utente Attivo
29 Dic 2012
352
3
18
Pistoia
Non copre tutto perchè il body non ha dimensioni fisse se non dichiarate, e non potendo quindi avere un valore in pixel (che io sappia, non ho mai provato ma dubito fortemente...) 100% di cosa?

Specifica nel css:
Codice:
body {width: 100%; height:100%; margin: 00px 00px 00px 00px;}

L'html lascialo stare com'è.

PS. assicurati prima che questi codici non ti rovinino la struttura del template che hai già creato.
 

Shyson

Utente Attivo
19 Ago 2012
1.167
1
38
Non copre tutto perchè il body non ha dimensioni fisse se non dichiarate, e non potendo quindi avere un valore in pixel (che io sappia, non ho mai provato ma dubito fortemente...) 100% di cosa?

Specifica nel css:
Codice:
body {width: 100%; height:100%; margin: 00px 00px 00px 00px;}

L'html lascialo stare com'è.

PS. assicurati prima che questi codici non ti rovinino la struttura del template che hai già creato.

Ho risolto aggiungendo il margin: 0 auto;

PHP:
body {
	 background-color: #335984;
	 text-align: center;
	 margin: 0 auto;
}
 

Jonn

Utente Attivo
29 Dic 2012
352
3
18
Pistoia
Sono valide entrambe le soluzioni, io non avevo mai usato quella che hai scritto tu per risolvere lo sfondo a tutto schermo.
Beh... risolto.
 

Jonn

Utente Attivo
29 Dic 2012
352
3
18
Pistoia
Scusate la disinformazione, quello che ho scritto sulle dimensioni del body è sbagliato, l'allineamento distanziato del background è dato dal fatto che il body (se non diversamente specificato) ha già un suo margin, è probabile che questo valore sia diverso in base al browser utilizzato oppure no, ma sta di fatto che c'è, quindi anche se la mia soluzione è valida c'è un pezzo di codice nel body nel css che non serve per questa soluzione e cioè il width e l'height che non serve dichiararli 100% ma basta azzerare i margini come ha risposto Shyson.

Scusate la disinformazione, errore mio.:byebye:
 
Discussioni simili
Autore Titolo Forum Risposte Data
O [HTML] problemi con la regola "background-attachment: fixed" in EDGE HTML e CSS 0
L [HTML] Background-image HTML e CSS 9
A cordova-plugin-background-mode Sviluppo app per Android 0
A [HTML] Background size per dispositivi mobili HTML e CSS 4
M [Javascript] Adattare immagine di background all'altezza dello smartphone Javascript 1
asevenx [HTML] -webkit-filter solo su immagine di background HTML e CSS 5
S [WordPress] Footer php - il background riempie tutta la pagina - help WordPress 1
cornamusa [HTML] Immagine di Background HTML e CSS 1
Andrea Alessandrini [HTML] background annidati che si sovrappongono male HTML e CSS 3
S [HTML] Background responsive HTML e CSS 21
M [WordPress] [HTML] Problema immagine background respondive WordPress 21
A [HTML] background fisso che non si ridimensiona con lo zoom HTML e CSS 4
D [HTML] Sfondo-Background fisso ma non troppo con effetto in movimento HTML e CSS 4
D Persa connessione con apparecchio Bluetooth in background Sviluppo app per iOS 0
F background a tutto schermo e bottoni HTML e CSS 5
borgo italia scelta dei colori di background e colori di contrasto Snippet PHP 1
Francesco Polese PHP script sempre in background PHP 0
V Aggiungere un img nel background Sviluppo app per Android 1
ivarello Progressbar e dati background .NET Framework 1
V Background sito web HTML e CSS 1
L mailto: apre la finestra di posta in background HTML e CSS 2
V area ripetuta e cambiamento background in foto PHP 0
gandalf1959 background image sparisce e diventa visibile un testo in un div Javascript 2
gandalf1959 Background image in un div con CSS non funziona HTML e CSS 4
G Background scorrevole in una <div> jQuery 4
Y Invio email automatico database background Database 1
I Slide di immagini come background ? Javascript 0
I Slide di immagini come background ??? jQuery 1
F background image tr chrome HTML e CSS 3
voldemort [LIBRERIA] Background Mail Sviluppo app per Android 0
A inserire background con gradiente in un layout Sviluppo app per Android 1
P Mancata estensione background-repeat sul resto della pagina oltre il primo div e/o prima tabella HTML e CSS 2
A Modificare background flash Flash 11
F altezza background tutto schermo HTML e CSS 3
Sevenjeak [Vb.net 2010] Aiuto background worked .NET Framework 10
G Richiamare URL in Background (Nascosto) come se fosse eseguito da browser PHP 3
R Inserire un background a rotazione? HTML e CSS 1
andre9004 Jquery background-image fade (Effetto comparsa background-image) jQuery 8
D background della pagina di login Webdesign e Grafica 5
U E' possibile dividere un' immagine o un background in celle? jQuery 0
D background in tre sezioni "WordPress" HTML e CSS 0
I Problema Background HTML e CSS 2
I Script ogni secondo in background PHP 2
maxbossi [CSS] background CSS HTML e CSS 0
voldemort [CSS] Definire tutte le proprietà del background in un unica riga HTML e CSS 1
N preload background image animazione sequenza Javascript 1
A Aiuto per soggetto da scontornare dal suo background Photoshop 8
N background, repeat, altezza, boxmodel.. sto impazzendo! HTML e CSS 3
L CHAT colore messaggi di testo e colore background PHP 0
L Background musicale per tutto il sito Flash 1

Discussioni simili