div che si spostano cambiando risoluzione

[uavide]

div che si spostano cambiando risoluzione

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;
} 

qui il sito: hotelristoranteazalea.com/demo

e il risultato è che il fondo ora è centrato, ma le div con all'interno il testo non stanno fisse dove le metto,dovrebbero stare sotto le foto.
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 posizione che ho deciso io anche se cambio di risoluzione ?

grazie.

[christian82]

Ciao, io penso che devi utilizzare il posizionamento fisso per i due contenitori. Puoi trovare delle spiegazioni sul posizionamento qui italianwebdesign.it/come-posizionare-gli-elementi-in-una-pagina-html-con-i-css/