Margin bottom

[leon-kennedy]

Ciao a tutti ho un piccolo problema con margin...

#container {

background: #228B22 url('immagini/bodycontent.JPG') top left;
border:1px solid #000000;
display:block;
position:absolute;
width:910px;
top: 50%;
left: 50%;
margin: -200px 0 0 -450px;
margin-bottom: 50px;} 

Ho inserito un testo abbastanza lungo in "contaneir" e vorrei che venisse lasciato dello spazio alla fine del riquadro,ma appare tutto attaccato!

Potete dirmi dove sbaglio?

[lucavizzi]

con "margin: -200px 0 0 -450px;"
definisci un margine superiore di -200px, un margine destro di 0px, un margine inferiore di 0px ed un margine sinistro di -450px. margin: top right bottom left

la riga successiva margin-bottom:50px è una ripetizione.

Se vuoi uno spazio tra il testo e la fine del riquadro usa un padding-bottom:50px;

[leon-kennedy]

Ciao,io vorrei staccare il riquadro dalla fine della pagina...

Questa è la pagina:

http://beamanager.altervista.org/regolamento.php

Ho fatto così adesso,ma continua a non funzionare:

/* ----------box centrale-------------- */

#container {

background: #228B22 url('immagini/bodycontent.JPG') top left;
border:1px solid #000000;
display:block;
position:absolute;
width:910px;
margin: 50px 0px 50px 190px;} 

Puoi aiutarmi?

[codencode]

Originariamente inviato da lucavizzi
Se vuoi uno spazio tra il testo e la fine del riquadro usa un padding-bottom:50px;

Hai seguito questo consiglio?

[lucavizzi]

se usi la position absolute, il tuo container viene svincolato dal flusso naturale degli elementi della pagina, di conseguenza il margin-bottom non sortisce alcun effetto.
Puoi o impostare un margin-top inferiore oppure assegnare un padding-bottom al body.

[leon-kennedy]

Grazie per la spiegazione...molto semplice e utile!