Come faccio a far scorrere l'immagine con il resto?

[ciccio9999]

Non riesco a capire come sistemarla. Questo è il css:

#calendario { 	background-image: url("immagini/notizie/Calendario.png"); 	width: 100px; 	height:	125px; 	position: absolute; 	top:20px;  	left: 20px; 	} #mese{ 	font-weight: bold;         position: relative;         top: -8px; 	 } #anno{         position: relative;         top: 10px; } #giorno{ 	font-weight: bold;         position: relative;         top: 10px; }  #titolo {         padding: 0px 0 50px 120px } #immagine {         text-align: center;         margin-bottom: 30px  }

Questa è la pagina vecchia che non ha problemi:

vecchia

Questa è quella che sto facendo:

nuova

Nella prima se scendo giù con l'overflow il calendario viene su con tutta la notizia. Nella seconda rimane fisso. Come faccio a fare in modo che si muove insieme al resto?

 

[criric]

Ciao
prova a togliere la postion absolute e aggiungi un float left

#calendario {
    background-image: url("immagini/notizie/Calendario.png");
    height: 125px;
    width: 100px;
    float: left;
}

 

[ciccio9999]

Ciao
prova a togliere la postion absolute e aggiungi un float left

#calendario {
    background-image: url("immagini/notizie/Calendario.png");
    height: 125px;
    width: 100px;
    float: left;
}

Così è di sicuro meglio. C'è però modo di spostarlo di tipo 10 px? Con left o padding con funge.

 

[criric]

con margin-left

#calendario {
    background-image: url("immagini/notizie/Calendario.png");
    height: 125px;
    width: 100px;
    float: left;
margin-left: 10px;
}

 

[ciccio9999]

Sono un idiota . Grazie