Margin - top * Margin - bottom

[Mauro gol]

Se setto Margin-top: auto, il div si posiziona in alto della pagina ?

stessa cosa Margin-bottom: auto, solo al contrario ?

No, perchè ho provato così... però i due div vanno dove vogliono... può dipendere dal fatto che entrambi sono dentro un altro div ?

[Mauro gol]

in parte ho risolto, per il div in alto ho settato

position: absolute;
top: auto;

e ok, funziona...

faccio la stessa cosa per il div che deve stare piantanto in basso ( il footer ) e non va...

position: absolute;
bottom: auto;

come mai ?

[smal]

Per il semplice motivo che il bottom non esiste devi sempre usare il top anche per "piantarlo" in basso: in questo caso potresti calcolarti le dimensioni dello schermo dell'utente con screen.width e screen.height ed a questi sottrarre le dimensioni del box, così lo puoi "piantare" in basso.

[Mauro gol]

io ho il DIV principale alto 560px, se setto il top del footer a 560px non dovrei averlo piantanto ?

mi puoi scrivere in codice il tuo ragionamento ?

[zoom]

per il semplice fatto che se lo posizioni auto sarà sempre in alto a sx...
se vuoi posizionarlo in maniera assoluta non puoi dargli auto, devi dargli il valore...
mettigli un bello 0 a bottom....

[Mauro gol]

senti un cosa...

ho scorporato tutti i DIV, adesso sono tutti distinti...

sono posizionati uno sopra l'altro... io vorrei semplicemnte che tra un div e l'altro non ci siano spazi...

che DEVO FARE ?

p.s. Mozilla mi fa impazzire...

[Mauro gol]

dai, non deve essere molto complicato...

non posso andare avanti se non risolvo...

[Mauro gol]

questo è il codice dei DIV in seguenza... come dovrebbero apparire!

div.generale { 
width: 760px;
height: 300px;
border: solid #CCCCCC;
border-width: 1px;
margin-left: auto;
margin-right: auto;
background-image: url(immagini/sfondo_generale.JPG);
}

div.menu {
width: 760px;
height: 30px;
border: solid #CCCCCC;
border-width: 1px;
border-top: none;
border-bottom: none;
margin-left: auto;
margin-right: auto;
line-height: 30px;
vertical-align: middle;
background-image: url(immagini/sfondo_menu_footer.png);
text-align: left;
position: relative;
top: auto;
}

div.menu_prodotti { 
width: 760px;
border: solid #CCCCCC;
border-width: 1px;
margin-left: auto;
margin-right: auto;
position: relative;
top: auto;
}

div.footer {
width: 760px;
height: 30px;
border: solid #CCCCCC;
border-width: 1px;
border-top: none;
margin-left: auto;
margin-right: auto;
line-height: 30px;
vertical-align: middle;
background-image: url(immagini/sfondo_menu_footer.png);
text-align: left;
position: relative;
top: auto;
}

con IE funziona tutto perfettamente... con Mozilla appare un schifo di spazio tra il primo e secondo DIV e tra il terzo e quarto...

[zoom]

togli i relative e top auto...
tanto si mettono già per conto loro uno sotto l'altro..
metti margin:0 e sei apposto..

[Mauro gol]

con Mozilla non si allineano, rimane sempre uno spazio!

mi devo arrendere ?