css allinea tutto in basso

[webdemo]

sto provando ad allineare tutto l'html in basso e al centro, utilizzando un foglio di stile, ma non va, dove sbaglio?

<style type="text/css">
<!--
body {
	text-align: center;
	padding: 100% 0px 0px;
	margin: 0px;
}
-->
</style>

ciaux

[pierofix]

Innanzitutto occhio agli errori nel CSS. Ecco le correzioni:

body {
   text-align: center;
   padding: 100% 0px 0px; /* Hai specificato solo tre valori, ma o ne metti due oppure li metti tutti */
   margin: 0px; /* Questo non è un errore ma ci tengo a precisarlo: quando una dimensione è pari a zero non è necessaria l'unità di misura */
}

Poi, prova con una cosa del genere: crea un div che contenga tutto il documento e poi attribuiscigli una istruzione simile:

div#contenitore {
   position:absolute;
   bottom:0;
}

Non so come sia la compatibilità con i vari browser e, come già dettoti in privato, io - di mio - sconsiglio di abusare dei posizionamenti.

[floyd46]

ciao
perchè non posti l'url della pagina, se è in rete?
Floyd

[webdemo]

Originariamente inviato da floyd46
ciao
perchè non posti l'url della pagina, se è in rete?
Floyd

non c'è nessuna pagina, ho solo il codice che ho inviato, con il quale vorrei allineare tutto in basso al centro, invece con IE OSX manda tutto in basso ma oltre la pagina, praticamente compare lo scroll anche se sulla pagina c'è solo un'img da 100px per 100px... con mozzillotto uguale a IE ma tutto allineato a sinistra


ciaux

[webdemo]

Originariamente inviato da pierofix
padding: 100% 0px 0px; /* Hai specificato solo tre valori, ma o ne metti due oppure li metti tutti */

il secondo e il quarto valore sono rispettivamente destra e sinistra, e credo sia corretto, dove siano uguali, indicarne uno soltanto

margin: 0px; /* Questo non è un errore ma ci tengo a precisarlo: quando una dimensione è pari a zero non è necessaria l'unità di misura */

questo è solo un tentativo (fallito) per evitare che l'elemento sprofondi oltre la fine della pagina...


ciaux

[pierofix]

Originariamente inviato da webdemo
il secondo e il quarto valore sono rispettivamente destra e sinistra, e credo sia corretto, dove siano uguali, indicarne uno soltanto

Aiuto! Se tu hai scritto tre valori, il quarto a cui ti riferisci qual è?

questo è solo un tentativo (fallito) per evitare che l'elemento sprofondi oltre la fine della pagina...

Ok, chiaro, ma il mio commento verteva su un'altra questione: ti è chiaro quanto ho detto in merito prima?

[webdemo]

Originariamente inviato da pierofix
Aiuto! Se tu hai scritto tre valori, il quarto a cui ti riferisci qual è?

Ok, chiaro, ma il mio commento verteva su un'altra questione: ti è chiaro quanto ho detto in merito prima?

i valori sono: superiore, destra, inferiore, sinistra

e credo che dove il secondo (destra) sia uguale al quarto (sinistra), sia corretto indicarne uno soltanto, praticamente il secondo rispecchia anche il quarto


comunque non funziona lo stesso anche se ne metto 4


ciaux