Centrare la pagina

Ciao,
sto provando a rifare la grafica del sito secondo voi è meglio la vecchia o la nuova?

Vorrei centrare il body dell anuova sia in ie che in firefox ma ie non mi legge i margini che ho attribuito a body e non so come fare.

Codice:

body {
		margin: 2%;
		padding:0;
		border:0;
		width: 96%;
		background:#fff;
		background-image:url(http://sulgiappone.altervista.org/Pr...S/sfondo.jpg);
		min-width:600px;
		font-family: Verdana, Georgia, Arial;
	}

Se volete darmi altri consigli su come modificare la grafica ve ne sarei grata. Grazie mille per l'attenzione!

[dreadnaut]

Che avevano di male le altre mille discussioni su come centrare il contenuto di una pagina?

Ad esempio:
http://forum.it.altervista.org/basi-...e-con-ie7.html
http://forum.it.altervista.org/basi-...la-pagina.html

Poi, non è che abbia molto senso dare dei margini ed una larghezza allo stesso tempo. Uno è ciò che rimane togliendo l'altro dal totale.

Niente solo che le altre discussioni si suggerisce di creare una nuova <div> per centrare la pagina io volevo sapere se era possibile modificare solo gli attributi del body per centrarla e poi con text-align non funziona.. però effettivamente queste soluzioni non le avevo lette quindi scusate se ho aperto una nuova discussione la prossima volta cercherò meglio

[dreadnaut]

A dimostrazione che non le hai lette con attenzione.

Hai ragione e solo che ho provato in mille modi e non riesco a centrarlo nemmeno usando auto o creando una nuovo contenitore non so s possa dipendere dal fatto che ho usato le misure in percentuali o da altro

[dreadnaut]

Boh, posta il codice che hai provato. Quello in cima alla pagina è certo che non funzioni. Devi avere una definizione per html per ottenere la centratura sotto IE.

Ok

ho provato così

body {
		margin: 2%;
		padding:0;
		border:0;
		width: 96%;
		background:#fff;
		background-image:url(http://sulgiappone.altervista.org/Prova/CSS/sfondo.jpg);
		min-width:600px;
		font-family: Verdana, Georgia, Arial;
	}

poi così

body {
		margin: 0 auto;
		padding:0;
		border:0;
		width: 96%;
		background:#fff;
		background-image:url(http://sulgiappone.altervista.org/Prova/CSS/sfondo.jpg);
		min-width:600px;
		font-family: Verdana, Georgia, Arial;
	}

poi ho provato a creare la classe

.centra {
		margin: 0 auto
	}

e inserire tutto al suo interno

poi ora che me l'hai detto ho provato anche così

html, body{
		margin: 0 auto;}

e così

html{
		margin: 0 auto;}

Non sono molto esperta stavo modificando un layout già pronto non ideto da me ma non sono riuscita a centrarlo.

edit:

Comunque và un pò meglio almeno lascia un margine anche se non centra la pagina...

[dreadnaut]

Io che posso fare, se non scriverti per la terza volta il link al codice che ti serve?

html deve avere text-align: center, e body deve avere margin: auto, definire la larghezza e rimettere l'allineamento del testo come si vuole.

Grazie mille del parere. Ho provato a fare una cosa del genere qui ma lascia il margine senza centree la pagina

[dreadnaut]

No, non ci hai provato. Altrimenti ci sarebbe stato margin: auto invece di margin: 0, come ho scritto un secondo fa

e quattro!

html { text-align: center; }

body {
	text-align: left;
	margin: auto;
	padding: 0;
	border:0;
	width: 96%;
	background:#fff;
	background-image:url(http://sulgiappone.altervista.org/Prova/CSS/sfondo.jpg);
	min-width:600px;
	font-family: Verdana, Georgia, Arial; 
}

Scusa mi rendo conto che sto abusando della tua pazienza... Ora ci ho riprovato qui però sembra non essere risolto http://sulgiappone.altervista.org/Prova/prova.php

[dreadnaut]

mea culpa, ho guardato adesso ed è colpa della toolbar che cambia i margini

L'unica cosa che puoi fare è aggiungere un div, ed invece di html e body, usare body ed il div

body {
	text-align: center;
	background:#fff;
	background-image:url(http://sulgiappone.altervista.org/Prova/CSS/sfondo.jpg);
	font-family: Verdana, Georgia, Arial; 
}

#scatola {
	min-width:600px;
	width: 90%;
	margin:auto;
}

Occhio che anche #header, #barra e #footer hanno width: 96%; che li restringe un poco, ma senza centrarli. Puoi togliere quelle larghezze ed restringere solo il grosso div che contiene tutto.

Ok adesso è centrato devo solo mettere a posto la barra grazie infinite per il tuo tempo e la tua pazienza, davvero grazie mille...