sfondo oltre il contenitore

[emanuelevt]

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]

Allora ho pensato di fare così:

<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

<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.

 

[micio86]

prova

puoi usare min-width max-width e min-height e max-height che accettano sia px che %

 

[emanuelevt]

Per prima cosa grazie della risposta; perdona la domanda banale: ma a quali div dovrei mettere queste proprietà nel mio caso?

 

[micio86]

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]

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?

 

[borgo italia]

ciao
date un occhio a questo
http://blog.mrwebmaster.it/2011/03/18/css3files-tutto-su-css3.html
e a
http://blog.mrwebmaster.it/2011/03/22/applicare-stili-css3-generator.html

 

[emanuelevt]

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]

ciao
questa volta mi prendi in castagna, anch'io sto studiando i css3 e molte cose devo ancora impararle

 

[emanuelevt]

Appena ho provato ti faccio sapere!!! Posto tutto domani e vediamo. Ciao.

 

[micio86]

Eh già

I css son bastardi, io li sto conoscendo meglio adesso... Il problema principale è sempre IE6

 

[WpStyle]

I css son bastardi, io li sto conoscendo meglio adesso... Il problema principale è sempre IE6

Piuttosto direi che tutti i browser della serie IE sono bastardi

 

[borgo italia]

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

 

[alessandro1997]

Sì, borgo, ma Internet Explorer (e in generale tutti i prodotti Microsoft, ma lasciamo stare...) fa acqua da tutte le parti!

 

[micio86]

e si...

purtroppo facendo siti comunali sn costretto a far fungere tutto su tt i browser...