-
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:
Se volete darmi altri consigli su come modificare la grafica ve ne sarei grata. Grazie mille per l'attenzione!
-
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
-
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
-
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ì
Codice:
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ì
Codice:
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
Codice:
.centra {
margin: 0 auto
}
e inserire tutto al suo interno
poi ora che me l'hai detto ho provato anche così
Codice:
html, body{
margin: 0 auto;}
e così
Codice:
html{
margin: 0 auto;}
Non sono molto esperta stavo modificando un layout già pronto non ideto da me ma non sono riuscita a centrarlo.
http://dreadnaut.altervista.org/_alt...-sign-tiny.png edit:
Comunque và un pò meglio almeno lascia un margine anche se non centra la pagina...
-
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
-
No, non ci hai provato. Altrimenti ci sarebbe stato margin: auto invece di margin: 0, come ho scritto un secondo fa :tongue
e quattro! :mrgreen:
Codice:
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
-
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
Codice:
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...
