div che svolazzano

[uavide]

questo è il mio css body: BODY

{
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
border: 0;
background: url(media/intro3.jpg);
background-repeat:no-repeat;
background-position:top;
background-color:#481212;
font-size: 10px;
font-family:Arial, Verdana, Helvetica, sans-serif;
text-decoration:none;
color:#FFFFFF;
}

e delle div sopra:

.container {
PADDING-BOTTOM: 3px;
MARGIN: 0px auto;
WIDTH: 400px;
TEXT-ALIGN: left;
padding-top:10PX;
padding-left:10PX;
}

.container2 {
PADDING-BOTTOM: 3px;
MARGIN: 0px auto;
WIDTH: 400px;
TEXT-ALIGN: RIGHT;
padding-top:10PX;
padding-right:20PX;
}

mi succede che le mie div si spostano e non seguono il fondo sul ridimensionamento della risoluzione, se tolgo dal body, background-position:top; allora i mie div seguono il fondo al ridimensionamento, ma togliendi questo comando non mi centra il fondo?


Qualcuno saprebbe dirmi come mi devo comportare per far si che le div seguino il fondo al ridimensionamento del browser?

Grazie ciaociao

[jubstuff]

Puoi mostrare il sito, così da poter vedere il comportamento?

[uavide]

Grazie della risposta, probabilmente ora ci ho pure fatto qualche prova, comunque c'è sempre il problema...
http://www.hotelristoranteazalea.com/demo

Se hai un metodo migliore sono tutto orecchie...

Grazie.

[uavide]

ora non si spostano...ma io vorrei mettere nei riguardi sotto le foto i testi, il fondo centrato e il testo che metto nei riguardri che non si sposti se ridimensiono il browser.....ma che rimanga dove vengono posizionati

[jubstuff]

Scusami,
ma non ho capito cosa vuoi ottenere.
Hai una serie di div, posizionati staticamente (tra cui due hanno lo stesso id, che è vietato), e delle scritte.
Cosa intendi per svolazzano, non mi è molto chiaro.

[fcaldera]

Originariamente inviato da jubstuff
Cosa intendi per svolazzano, non mi è molto chiaro.

oltre a questo, cosa si intende per "riguardi"?

[uavide]

ora ho toccato il codice per continuare a far prove, e molto probabilmente ci saranno dei casini, e poi non sono più riuscito a modificarlo,
Vorrei semplicemente avere il fondo centrato e sotto le immagini mettere il testo che ora vedete spostato.

Il testo deve rimanere sempre in quel punto (sotto le foto) e il fondo centrato anche se se si cambia di risoluzione.

Spero di essere stato chiaro, tra l'altro ora si vedono a lato sx delle righe bianche che non dovrebbero esserci.

Per qualsiasi delucidazione io sono qui!

Grazie.

[uavide]

Buonasera, allora ho inserito il codice che vedete nel primo post, che è questo:

questo è il mio css body: BODY

{
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
border: 0;
background: url(media/intro3.jpg);
background-repeat:no-repeat;
background-position:top;
background-color:#481212;
font-size: 10px;
font-family:Arial, Verdana, Helvetica, sans-serif;
text-decoration:none;
color:#FFFFFF;
}

e delle div sopra:

.container {
PADDING-BOTTOM: 3px;
MARGIN: 0px auto;
WIDTH: 400px;
TEXT-ALIGN: left;
padding-top:10PX;
padding-left:10PX;
}

.container2 {
PADDING-BOTTOM: 3px;
MARGIN: 0px auto;
WIDTH: 400px;
TEXT-ALIGN: RIGHT;
padding-top:10PX;
padding-right:20PX;
}


e il risultato è che il fondo ora è centrato, ma le div con all'interno il testo non stanno fisse dove le metto, se ridimensiono si spostano, io vorrei che le mie div con il testo fossero fisse, sempre in quel punto che gli dico io con le coordinate a qualsiasi risoluzione.

nel body del mio foglio css ho un: background-position:top;

Se lo tolgo il mio fondo si decentra, e le mie div stanno ferme nello stesso punto anche al ridimensionameneo o ad una diversa risoluzione,

come posso fare per centrare il fondo ed ottenere delle div che stanno sempre nella risoluzione che ho deciso io anche se cambio di risoluzione ?

grazie mille