Div in % 2 Li centrati su di Esso

[unreg]

Salve amici,

oggi ho un piccolo problema che tanto per cambiare non riesco a risolvere da solo

<div id="contenuti">
	<ul>
		[*][img]img.gif[/img]
		[*][img]img.gif[/img]
		[*][img]img.gif[/img]
		[*][img]img.gif[/img]
		[*][img]img.gif[/img]
		[*][img]img.gif[/img]
	[/list]
</div>

Il Div "contenuti" ha una larghezza di 100% mentre all'interno dell'elenco ci sono delle gif di 120 x 100 px.

Il problema sta che voglio incolonnare a 2 le gif centrandole sul div, lasciando un margin in % sui lati di essi.

esempio:

<spazio 33%> <img> <spazio 33%> <img> <spazio 33%>
<spazio 33%> <img> <spazio 33%> <img> <spazio 33%>
<spazio 33%> <img> <spazio 33%> <img> <spazio 33%>

quarda allegato che è + chiaro.

come posso fare per favore ?

grazie !

[Mich_]

Forse c'e` qualche errore nei conti: 33% per tre fa 100% (circa), quindi nel tuo schema non ci starebbero le immagini.

Ma dallo schema allegato si capisce cosa hai in testa di fare.

Ma devo farti alcune domande:
Se la schermata e` larga, vuoi comunque inserire 2 immagini nella riga? Oppure possono diventare tre o piu` (sempre mantenendo uno spazio sufficiente tra di esse)?

Se le immagini devono essere sempre due, devi forzare l'"andare a capo", ad esempio inserendo un blocco (invisibile) con clear: both; . A quel punto basta che definisci nelle immagini:

.immsin {
  margin: 0 auto;
  float: left;
}
.immdx {
  margin: 0 auto 0 0;
  float: right;
}
.separ {
  clear: both;
  width: 100%
  height: 0; /* ma forse e` necessario che sia almeno 1 px */
}

Se invece le immagini possono essere di piu` sulla riga, allora definisci un margine sinistro fisso per tutte, le metti tutte float:left; definisci un margine destro per il contenitore (uguale al margine sinistro delle immagini) e le metti tutte nel contenitore alla rinfusa.

PS: ora vedo che ci sono anche i[*] (ho scritto tutto pensando alle singole immagini). Quanto ho scritto si riferisce quindi ai[*], non alle immagini (che devono avere margini e padding a zero - bordi a pacimento).

[unreg]

grazie mille

sei stato chiarissimo