problema con un div

[swak]

Ciao a tutti, non conosco benissimo i CSS infatti mi si è presentato questo errore e non so come fare.

Ho inserito delle immagini vicino ai paragrafi con un div, mi sembra proprio che qualche giorno fa questi div contenenti immagini erano ben incolonnati, mentre ora alcuni lo sono altri no, ma potrei sbagliarmi e se così non fosse non capisco cosa ho cambiato!

Ecco il codice CSS

#gallery {
background-color: #dce6b8;
border: 1px solid #91aa32;
padding: 10px;
font-size: 0.75em;
color: #91aa32;
text-decoration: none;
float: right;
margin: 20px;
}


Ed ecco lo screen della pagina per visualizzare il problema


Grazie in anticipo

[paololosco]

posta il codice... cosi ad occhio da screenshot, sembra ci sia una regolarità di rientro sulla destra... quindi potresti avere inserito paragrafi (o div) in sequenza...

[swak]

Eccolo

<div id="centro">
   	  <h1>La Giunta Comunale</h1>
   	   <div id="gallery">[img]img/gallery/marconi.jpg[/img]</div>
   	   

<h2>Vice Sindaco - Assessore Ambra MARCONI</h2></p>
   	   

 * Competenze: AMBIENTE</p>
   	   

Riconfermata vicesindaco, la Marconi ha ricoperto la medesima carica anche nella passata Amministrazione. Nata a Perugia nel 1957, risiede a Ellera; da vent’anni si occupa di politica e da 14 è amministratore a Corciano, dove si è occupata anche di sanità, ambiente, cultura e prodotti tipici. Nel Ppi è stata segretario regionale della sezione femminile e membro del comitato direttivo. Laureata in pedagogia, esercita la libera professione.</p>
   	   

 </p>
   	   
   	   <div id="gallery">[img]img/gallery/bartoccini.jpg[/img]</div>
   	   

<h2>Assessore Edoardo BARTOCCINI</h2></p>
   	   

 * Competenze: SCUOLA - SPORT E TEMPO LIBERO - RAPPORTI CON LE ASSOCIAZIONI - SICUREZZA</p>
   	   

E’ stato uno degli uomini nuovi della Giunta Ginetti ed è stato riconfermato nelle sue deleghe. Nato a Corciano nel 1963, Bartoccini è da sempre impegnato in attività associazionistiche e culturali; vive a Migiana, è sposato e ha una figlia.</p>
   	   

 </p>
   	   <div id="gallery">[img]img/gallery/betti.jpg[/img]</div>
   	   

<h2>Assessore Cristian BETTI</h2></p>
   	   

 * Competenze: SVILUPPO ECONOMICO - TERRITORIO - ENERGIE RINNOVABILI</p>
   	   

Nato nel 1980, già consigliere più giovane di questa legislatura e incaricato dal sindaco alla Comunicazione, Betti ha ora la palma del più giovane assessore. Residente a Castelvieto, è laureato in Scienze della Comunicazione ed è stato corrispondente del Giornale dell’Umbria.</p>
   	   

 </p>
   	   <div id="gallery">[img]img/gallery/capezzali.jpg[/img]</div>
   	   

<h2>Assessore Violetta CAPEZZALI</h2></p>
   	   

 * Competenze: CULTURA - TURISMO</p>
   	   

Nata a Foligno nel 1957, abita al Girasole dal 1981. Istruttore direttivo all’assessorato alla cultura del Comune di Perugia, la Capezzali è stata consigliere comunale anche nella passata legislatura. Ha ricoperto l’incarico di vicepresidente della Commissione Statuto, è stata membro delle commissioni urbanistica e politiche socioculturali, coordinatore del Consiglio comunale dei ragazzi. Coniugata; si è occupata a lungo di attività culturali e sociali.</p>
   	   

 </p>
   	   <div id="gallery">[img]img/gallery/caselli.jpg[/img]</div>
   	   

<h2>Assessore Sabrina CASELLI</h2></p>
   	   

 * Compentenze: BILANCIO - POLITICHE SOCIALI E COESIONE </p>
   	   

Già assessore alle Finanze e Bilancio, Personale e Reti informatiche nella prima parte del mandato della Giunta Ginetti, nella Giunta precedente la Caselli era consigliere comunale. Nata a Perugia nel 1957, abita a Ellera – Chiugiana. Insegnante elementare, è sposata e ha due figli.</p>
   	   

 </p>
   	   <div id="gallery">[img]img/gallery/ceppitelli.jpg[/img]</div>
   	   

<h2>Assessore Giuliano CEPPITELLI</h2></p>
   	   

 * Competenze: QUALITA' URBANA E INFRASTRUTTURE</p>
   	   

E’ stato assessore alla Cultura, allo Sviluppo e alla Promozione Turistica nella prima Giunta Ginetti. Nato a Corciano nel 1941, abita a San Mariano. Ceppitelli, ora in pensione, è stato dipendente della Soprintendenza Archeologica. E’ stato presidente della Società di Mutuo Soccorso di San Mariano.</p>
   	   

 </p>
	   
   	   <div id="gallery">[img]img/gallery/spaterna.jpg[/img]</div>
   	   

<h2>Assessore Rodolfo SPATERNA</h2></p>
   	   

 * Competenze: MOBILITA' LOCALE E ACCESSIBILITA'</p>
   	   

Nato a Corciano nel 1954, risiede a Mantignana; geometra libero professionista, è tesoriere e responsabile regionale dell’organizzazione del suo partito. Attualmente Spaterna presta la sua opera al gruppo regionale dei comunisti italiani; è padre di due gemelle.</p>
    </div>

[paololosco]

il problema è da un'altra parte del css perchè così mi pare funzioni tutto... ho 2 domande da fare riguardo l'impostazione dell'html:

1 - perchè i paragrafi vuoti? a mio avviso sono inutili...

2 - perchè non raggruppare i paragrafi e le foto relative in div?
esempio

<div id='politico1'>
<div><img /></div>


kjsfdakasfd</p>


</p>
</div>
<div id='politico2'>
<div><img /></div>


kjsfdakasfd</p>


</p>
</div>

per me riesci a gestirle meglio (e concettualmente mi pare più giusto...)

o addirittura fare un "elenco non ordinato" che concettualmente è forse ancora più corretto!

risulterebbe anche più pulito e gestibile in css

[paololosco]

PS - inoltre... perchè inserisci i titoli h2 in paragrafi??? (non lo farei...)

ad essere sincero vedo ora che il primo paragrafo è a tutti gli effetti un sottotitolo... perchè non fare un ul cosi organizzato:

<ul>
	[*]
		[img]fotopolitico[/img]
		<h2>NOME POLITICO</h2>
		<h3>assessorato politico</h3>
		

biografia politico</p>
	
	[*]
		[img]fotopolitico[/img]
		<h2>NOME POLITICO</h2>
		<h3>assessorato politico</h3>
		

biografia politico</p>
	
	[*]
		[img]fotopolitico[/img]
		<h2>NOME POLITICO</h2>
		<h3>assessorato politico</h3>
		

biografia politico</p>
	
	[*]
		[img]fotopolitico[/img]
		<h2>NOME POLITICO</h2>
		<h3>assessorato politico</h3>
		

biografia politico</p>
	[/list]

?

[swak]

grazie mille ho seguito il tuo suggerimento e direi che come effetto è ottimo