dimensioni BACKGROUND

[monigna82]

Buon giorno a tutti...
è possibile legare il file di background impostato tramite CSS al contenuto della mia pagina???
mi spiego meglio:

Con il CSS seguente:
----------------------------------------------
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #3d3d3d;
background: black url(../img/SFONDO_PROVA.jpg) no-repeat scroll 0px 0px;
}
----------------------------------------------
ho impostato uno sfondo... vedi il link: http://www.studiocommunicationgroup.com/
il problema è che io che ho un 32' settato a 1920x1080 lo vedo per intero..ovvero sia a dx che a sx della tabella contenente il tutto...
dei miei colleghi avendo il monitor a 1024x768 non vedono la mia stessa cosa perchè avendo la centratura del monitor inferiore la tabella si riposiziona mentre il background no...

Spero di essermi spiegata... cmq la domanda è... c'è un modo per mantenere il background legato al contenuto della pagina?

[Gufo]

Originariamente inviato da monigna82
Buon giorno a tutti...
è possibile legare il file di background impostato tramite CSS al contenuto della mia pagina???
mi spiego meglio:

Con il CSS seguente:
----------------------------------------------
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #3d3d3d;
background: black url(../img/SFONDO_PROVA.jpg) no-repeat scroll 0px 0px;
}
----------------------------------------------
ho impostato uno sfondo... vedi il link: http://www.studiocommunicationgroup.com/
il problema è che io che ho un 32' settato a 1920x1080 lo vedo per intero..ovvero sia a dx che a sx della tabella contenente il tutto...
dei miei colleghi avendo il monitor a 1024x768 non vedono la mia stessa cosa perchè avendo la centratura del monitor inferiore la tabella si riposiziona mentre il background no...

Spero di essermi spiegata... cmq la domanda è... c'è un modo per mantenere il background legato al contenuto della pagina?

C'è il modo di ridimensionare l'immagine di sfondo in base alla risoluzione dello schermo ma solo con Javascript

[ricman]

Originariamente inviato da monigna82
Spero di essermi spiegata...

Si... e un giorno Si e uno No rispondiamo a questa stessa stessa domanda!!!
Il pulsante di Ricerca andrebbe usato più spesso... soprattutto da chi è un po' più nuovo/a come te...

La risposta è No... come ti hanno già spiegato.

[Luca_pluatrco]

Per impostare un immagine di sfondo al 100% ridimensionabile con la finestra del browser:

Le regole css usate:

html, body{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}
#sfondo{
position:absolute;
height:100%;
width: 100%;
margin: 0;
padding: 0;
}

NB. Il codice non è mio, ma tratto da qui.

Spero sia quello che ti serve!

[ricman]

Originariamente inviato da Gufo
C'è il modo di ridimensionare l'immagine di sfondo in base alla risoluzione dello schermo ma solo con Javascript

...volevi dire "sostituire"?

[monigna82]

grazie a tutti comunque..
non sono nuovo ma posto solo poco...xche in genere trovo nelle risposte già date!!!!!

se ho scritto il post è perchè nelle ricerche non ho trovato quanto a me interessava...
mi scuso se invece c'era!!!

Ora provo lo script di Luca.
Grazie

[ricman]

Originariamente inviato da Luca_pluatrco

html, body{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}
#sfondo{
position:absolute;
height:100%;
width: 100%;
margin: 0;
padding: 0;
}

Poi ci dici dove è lo sfondo e l'img di sfondo (background-image:url(...) )...

[custanz]

Originariamente inviato da Luca_pluatrco
Per impostare un immagine di sfondo al 100% ridimensionabile con la finestra del browser:

Le regole css usate:

html, body{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}
#sfondo{
position:absolute;
height:100%;
width: 100%;
margin: 0;
padding: 0;
}

NB. Il codice non è mio, ma tratto da qui.

Spero sia quello che ti serve!

come dice ricman manca l'immagine di sfondo, ed anche un bello z-index non ci starebbe poi così male

[Luca_pluatrco]

Il codice CSS voleva essere lo spunto per l'idea, i dettagli possono poi essere facilmente reperiti al link che avevo lasciato (purchè lo si visiti.... ;-) )

<body>
<div>
	[img]sfondo.jpg[/img]
</div>
<div id="css">
	<h1>Sfondo all 100% con i css</h1>
	<h2>Pagina di prova su come impostare un immagine di sfondo al 100% con i css</h2>
	


Un po' d contenuto....
	</p>
</div>
</body>

[ricman]

Originariamente inviato da Luca_pluatrco
Il codice CSS voleva essere lo spunto per l'idea, i dettagli possono poi essere facilmente reperiti al link che avevo lasciato (purchè lo si visiti.... ;-) )

Non ho visitato il link e non mi interssa farlo.
Non si deve essere dei geni per capire quello che scrivevi.
Però devi specificare che NON stai fornendo la soluzione alla domanda MA un Escamotage (si scriverà così)... cioè una soluzione alternativa che NON FA USO di sfondi ma di semplici immagini.
E già che ci sei potresti anche specificare una cosa tipo: "Guarda è una soluzione del cavolo perchè le img quando non sono al 100% delle proprie dimensioni SGRANANO!!"