Ciao ragazzi, ho un problemino con il css (credo più che altro si tratti di una mancata conoscenza di qualche proprietà).
In sostanza io ho una pagina html con qualcosa di simile:
A questo contenuto gli applico il seguente foglio di stile:codice HTML:<body> <div id="container"> <div id="contenuto"> qualcosa </div> </div> </body>
Bene, immaginando che il mio sfondo sia un'immagine a 16:9, vorrei che, rimpicciolendo la finestra (orizzontalmente) il mio sfondo non venisse rimpicciolito sia in altezza che in larghezza, ma che piuttosto venisse tagliato dai lati in modo da far vedere al centro sempre la stessa immagine.codice:#container { width:100%; background: transparent url(images/sfondo.jpg) no-repeat fixed top; background-size:100%; } #contenuto { width:800px; height: 600px; margin-left:auto; margin-right:auto; }
L'idea è più o meno la stessa che vedete su virgilio.it: se provate a stringere la finestra il contenuto rimane al centro, ma le immagini laterali (corrispondenti alle pubblicità) vengono tagliate dai lati (destro per l'immagine a destra e sinistro per l'immagine a sinistra)!
Come posso fare??? Esiste qualche configurazione css che mi permette di farlo?
Vi ringrazio in anticipo!!! ;-)
Rispondi quotando
