centrare immagine all'interno di un corpo

**marco9933** · 21-03-2012, 02:04

salve,
non riesco a centrare un'immagine nel corpo definito nel css.
l'immagine dovrebbe combaciare perfettamente all'interno del corpo invece è spostata in basso a destra quindi parzialmente fuori.

codice CSS :

codice:

#contenitore {
	text-align:left;
	width:960px;
	background:#FFF;
	color:#000;
	margin: 0 auto;
		}
#corpo{
	padding:10px;
	/* background:url(prova.jpg); */
	border:3px solid #000;
	min-width:200px;
	font-size:17px;
	}

Codice HTML

codice:

<body>
<div id="contenitore">
<div id="corpo">
<p align="center">
[img]prova.jpg[/img]
</p>

Da notare che se impostassi l'immagine come background si centra perfettamente all'interno del corpo, invece se la imposto come immagine va fuori dal corpo e si posiziona più in basso e scostata a destra

(( .
Spero in un vostro aiuto, Grazie a tutti.

**LuigiMem** · 21-03-2012, 17:19

fai confusione con le misure perché non consideri i padding e il border

tu hai impostato:

DIV: "contenitore" width: 960px;

DIV: "corpo" con padding:10px; border:3px solid #000;

IMMAGINE: width: 958px

in questo modo l'immagine occuperà un igombro di:

958px + 20px padding (10 a sinistra e 10 a destra) + 6px (3 bordo sinistro 3 bordo destro)

per un totale di: width:984px;

capirai da solo che non puo stare nel suo contenitore che è largo 960!!

prova a modificare la width del contenitore a 984px e vedrai che si centra,
soprattutto elimina anche il tag

messo cosi crea solo spazio in alto e in basso!

cosi:

#contenitore {
text-align:left;
width:984px;
background:#FFF;
color:#000;
margin: 0 auto;
}

**marco9933** · 21-03-2012, 21:15

grazie mille Luigi!!! sei stato precisissimo!! era parecchio tempo che non smanettavo con i CSS e non ricordavo molto bene le funzioni dei vari tag. ti ringrazio davvero moltissimo per la tua chiarezza e disponibilità

)))

**LuigiMem** · 21-03-2012, 21:57

figurati, un piacere ;-)

**marco9933** · 21-03-2012, 23:18

ah un'ultima curiosità: siccome nel corpo ho impostato il padding, potrei in qualche modo fare un'eccezione per l'immagine in modo che questa occupi completamente lo spazio del corpo?
cmq sono riuscito a farla stare dentro

)))

Discussione: centrare immagine all'interno di un corpo

Strumenti discussione

Ricerca discussione

Visualizza

centrare immagine all'interno di un corpo

Permessi di invio