problemi duplicazione immagine di sfondo

Zea

Nuovo Utente
2 Giu 2015
19
0
1
Ciao a tutti, sto facendo delle prove per capire un pò come funzionano i css
ma ho un problema con uno sfondo che non si ripete correttamente.
Quando tengo la pagina tutta aperta nessun problema, lo sfondo si ripete
in verticale per tutta la pagina ma, quando restringo la pagina e vado verso
il basso utilizzando lo scroll laterale ecco che lo sfondo non si ripete, come posso
correggere l'errore?
Vi metto qui di seguito il codice html
prova.jpg

#sx {
background-image: url(immagini/provasfondo2.png);
background-repeat: repeat-y;
background-size: contain;

margin: 0 auto;
padding: 0;
float:left;
width: 20%;
height: 100%;
text-align: center;



}


#centro {
background-color: #F8F4FF;
float:left;
width: 60%;
height:100%;
text-align: center;

}

#dx {
background-image: url(immagini/provasfondo2dx.png);
background-repeat: repeat-y;
background-position: right top;
background-size: contain;
margin: 0 auto;

float:right;
width: 20%;
height: 100%;
text-align: center;

}
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.408
338
83
È colpa di background-size: contain che non lascia coprire interamente l'area toglilo!
 

Zea

Nuovo Utente
2 Giu 2015
19
0
1
Tolto ma da sempre lo stesso problema... e togliendolo lo sfondo non si ridimensiona in base alla dimensione
 

Zea

Nuovo Utente
2 Giu 2015
19
0
1
Ho trovato il colpevole: è colpa del "height: 100%;" nel div "sx" e "dx"
Mettendolo al 100% quando restringo la finestra il "100%" si restringe, quindi
duplica lo sfondo solo per la grandezza della finestra ed anche se si usa
la barra laterale per guardare in giù non si muove.
La soluzione sarebbe quella di impostare la lunghezza del div pari alla lunghezza della
definizione del video.
So che il problema è questo perchè ho messo i tre div in un contenitore con grandezza
che prende tutta la risoluzione del mio schermo e a questo punto, lasciando la lunghezza al 100% non
da più nessun problema in quando il contenitore ha una lunghezza espressa in px ed il valore height: 100%; corrisponde
esattamente a quella misura. ... Sono stata contorta nella spiegazione?
Ora il problema è: come si fa?
 
Discussioni simili
Autore Titolo Forum Risposte Data
M Upload immagine con javascript problemi con FormData() Javascript 1
F Problemi visualizzazione mappa Android studio Sviluppo app per Android 0
S Problemi Javascript + Aruba Javascript 2
A Problemi con move_uploaded_file PHP 7
M Problemi con la stampa dei valori in php PHP 1
L Problemi con il login PHP 2
L Problemi form Pagina php HTML e CSS 3
R Tutto su utf-8 ma ancora problemi con i caratteri speciali in mysql MySQL 1
Z problemi con foreach insert into PHP 10
B javascript per problemi con pdf e Safari Javascript 0
N Problemi kit videosorveglianza IP Cam e Videosorveglianza 0
M Problemi con creazione maschere Presentati al Forum 1
M Problemi con query a più tabelle PHP 3
R Problemi anomalo insermento in db PHP 9
S Problemi delle funzioni eliminate con PHP e MySQL PHP 4
S Problemi di un principiante PHP 3
M Problemi con blog Grav CMS (Content Management System) 0
F Problemi di visualizzazione di un sito su più browser WordPress 0
S Problemi di visualizzazione form contatti sito web HTML e CSS 2
S incoerenza di stampa. problemi con il magenta Photoshop 3
A problemi con paypall Java 1
A Problemi di accesso da remoto a Ipcam IP Cam e Videosorveglianza 6
michele81 [WordPress] problemi plug meteo api key WordPress 4
E Problemi in registrazione telecamere Dahua IP Cam e Videosorveglianza 6
felino [Windows 8.1] Problemi con connessione WiFi Windows e Software 0
M [PHP] Problemi su inserimento array nel db PHP 7
E [PHP] problemi nuova riga con fwrite su piattaforma android PHP 5
M [PHP] Problemi di salvataggio su campo calcolato PHP 0
O [HTML] problemi con la regola "background-attachment: fixed" in EDGE HTML e CSS 0
M [PHP] Problemi con query unione PHP 11
M [PHP] Problemi con select PHP 6
Spown [WordPress] Problemi visualizzazione su più browser + voci menu in movimento WordPress 1
ANDREA20 [HTML] problemi con il footer HTML e CSS 1
D [MS Access] problemi con inserimento campo in una maschera MS Access 6
M [PHP] Problemi con il riconoscimento login. PHP 21
A [WordPress] problemi con xampp WordPress 2
M Problemi con database Apache/2.4.37 (Win32) OpenSSL/1.1.1a PHP/7.3.1 PHP 6
P Problemi comunicazioni Comunicazioni dallo Staff 8
G I problemi non vengono solo per nuocere Presentati al Forum 0
A Problemi Wi-Fi Fastweb Reti LAN e Wireless 4
C [WordPress] Url vulnerability e problemi sito da mobile WordPress 0
S [PHP] problemi con le sessioni PHP 3
B Problemi accesso Instagram Smartphone e tablet 1
T [PHP] problemi con il browser PHP 0
M [Flash] Problemi conversione formato swf Flash 20
Andrea_Ventura [HTML] Problemi con effetto hover HTML e CSS 5
spider81man [PHP] Problemi cancellazione dato su DB [RISOLTO] PHP 1
M [PHP] Problemi con login facebook PHP 0
Andrea_Ventura [HTML] Problemi con visualizzazione Navigation Bar HTML e CSS 10
andreas88 Creare file .htaccess per risolvere alcuni problemi con il tester SEO SEO e Posizionamento 0

Discussioni simili