sfondo oltre il contenitore

emanuelevt

Utente Attivo
24 Giu 2009
298
0
0
Allora, vengo subito al dunque: ho un div contenitore che si allarga a secondo della risoluzione dell'utente. Il fatto è che se il contenitore è alto (per ipotesi) 1500px; e largho 950px; vorrei che lo sfondo fosse almeno il 15% più largo e più alto. ovviamente cambiando il contenitore in altezza o in larghezza dovrà cambiare anche lo sfondo;

Cosa mi consigliate?
 

emanuelevt

Utente Attivo
24 Giu 2009
298
0
0
Allora ho pensato di fare così:

HTML:
<style type='text/css'>
#contenitore{

position:relative;
width:900px;
border:5px solid red;

}

#contenitore_sfondo{

	position:absolute;
	top:0;
	left:-5%;
	width:110%;
	height:100%;
	border:1px solid black;
	
}

#uno{
position:relative;
width:100%;
height:600px;
border:1px solid blue;

}






</style>

e nel body

HTML:
<center>

<div id='contenitore'>
<div id='contenitore_sfondo' >
<img src='s.jpg' width='100%' height='100%' />
</div> 

<div id='uno'>test</div>



</div>

</center>

il problema è che l'id "contenitore_sfondo" non diventa alto come quello del contenitore
p.s. in questo caso la larghezza del contenitore è fissa a 900px ma questo valore può variare.
Solo specificando l'altezza dell'id "contenitore"; l'id "contenitore_sfondo" assume l'altezza.
Come posso rosolvere se non conosco l'altezza del div "contenitore", in quanto questa altezza varia a secondo dei contenuti.
 
Ultima modifica:

emanuelevt

Utente Attivo
24 Giu 2009
298
0
0
Per prima cosa grazie della risposta; perdona la domanda banale: ma a quali div dovrei mettere queste proprietà nel mio caso?
 

micio86

Utente Attivo
hai presente...

hai presente la cornice di un quadro?
Pensavo a fare una cosa del genere, in cui l'interno sarà ke ne so 300x300
e l'esterno 320x320 ok?

nella striscia praticamente ci metti l'immagini dell'ombra o sfumatura.
 

emanuelevt

Utente Attivo
24 Giu 2009
298
0
0
Forse non ho capio bene - ma effettivamente, se guardi il codice è proprio quello che ho fatto . Mi potresti postare il tuo codice almeno capisco meglio?
 

emanuelevt

Utente Attivo
24 Giu 2009
298
0
0
Ciao BorgoItalia! Nel primo sito che mi hai proposto, ho notato che nella scheda background c'è un background-size... quindi (ti prego di togliermi subito questa curiosità che nn ho il tempo di provare) se metto una immagine di sfondo centrata e metto un background-size di 130% 130% ottengo il risultato che voglio?

Praticamente nn sapevo dell'esistenza di background-size devo :book: di più!!!
 

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.046
150
63
PR
www.borgo-italia.it
ciao
devi considerare che però gli utenti che usano ie6 rappresentano solo il 2% circa di utilizzatori, il 52% (sempre circa) sono gia a ie8, quindi credo che ie6 sia quasi trascurabile.
anche considernado che ie9 (sembra) avere un grande successo.

p.s. @kode
non è vero che sono così bastardi non esiste bw sensa difetti
 
Discussioni simili
Autore Titolo Forum Risposte Data
M Sfocare sfondo Photoshop CS6 Photoshop 2
K Sfondo nuovo file Photoshop 0
F Aiuto! cambio immagine di sfondo al cambio pagina HTML e CSS 2
gara1 inserire immagine di sfondo in canvas Javascript 0
A Immagine decentrata con sfondo trasparente Photoshop 0
Y cambiare sfondo di una pagina Javascript 1
L Non riesco a riprodurre uno sfondo Photoshop 0
Y Vorrei selezionare un colore di sfondo per una pagina web Javascript 0
Cosina Cambio colore sfondo al click Javascript 2
R Non riesco a rinnovare l'immagine di sfondo PHP 1
R Non riesco a cambiare l'immagine di sfondo PHP 4
G Modifica immagine di sfondo attraverso un bottone PHP 18
G Fare uno sfondo con il prato e degli alberi Photoshop 0
J Info per copia sfondo Photoshop 2
S Scontorno, cambio sfondo, alone Photoshop 1
N sfondo trasparente photoshop 2019 Photoshop 2
Y Colore sfondo testo Javascript 0
Domenico_Falco1 [Javascript] [HTML] Campi form con sfondo imposto dal browser Javascript 5
L [HTML] problema sfondo tutto schermo con immagine HTML e CSS 1
L [HTML] Problemino con le immagini di sfondo HTML e CSS 4
felino [Wordpress] Immagine di sfondo (sotto il template) WordPress 8
R [HTML] sfondo header HTML e CSS 0
A [HTML] Sfondo responsive - problema specifico HTML e CSS 5
asevenx [HTML]Problemi float e adattamento sfondo HTML e CSS 2
A [Javascript] Impostare immagine sfondo da checkbox, sito web Javascript 1
O Allo scroll cambiare colore di sfondo jQuery 0
V javascript - cambiare immagine di sfondo di un div Javascript 3
P [HTML] Sfondo colorato di un div contenitore di altri due div HTML e CSS 9
R [Flash] Animare un testo con un' immagine sullo sfondo Windows e Software 7
dany81 [Photoshop] Eliminare più sfondo possibile... Photoshop 3
D [HTML] Sfondo-Background fisso ma non troppo con effetto in movimento HTML e CSS 4
Papalla CSS3 - immagine di sfondo con elementi che appaiono col mouse hover HTML e CSS 4
R Sfondo animato per sito con Adobe Muse Windows e Software 3
Fuego2806 Stampare dati Form su immagine di sfondo con html HTML e CSS 1
Fuego2806 [PHP] Stampare dati Form su immagine di sfondo con html PHP 70
Gregia Immagine con testo affianco (sfondo colore diverso) HTML e CSS 8
utente testo scorrevole con sfondo colorato con css esterno HTML e CSS 6
I Salve, ho un probelma con una mappa d'immagini usata come sfondo HTML e CSS 3
S impostare colore sfondo di ogni cella di una datagridview Visual Basic 1
S Immagini multiple come sfondo HTML e CSS 3
Jonn [Javascript] Cambiare colore sfondo div allo scroll del mouse Javascript 3
Q Pubblicità al posto dello sfondo vbulletin 4 HTML e CSS 0
Zea problemi duplicazione immagine di sfondo HTML e CSS 3
M problema immagine di sfondo e risoluzione schermo HTML e CSS 1
B cambiare sfondo alle celle della tabella Javascript 1
S Se voglio far scorrere le immagini dello sfondo di una pagina (oviamente html) come faccio? HTML e CSS 1
S Come faccio a far scorrere delle immagini come sfondo di una pagina? Discussioni Varie 1
asevenx trasparenza da non applicare allo sfondo HTML e CSS 3
C Div con bordi come sfondo HTML e CSS 6
M Problema sfondo inserzione ebay HTML e CSS 3

Discussioni simili