Centrare pagina

Nyl

Utente Attivo
28 Apr 2008
71
0
0
sulgiappone.altervista.org
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/Prova/CSS/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!
 
Ultima modifica:

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.042
149
63
PR
www.borgo-italia.it
ciao
per centrare una pagina, penso, che ti convenga costruirti un div contenitore al cui interno inserire quello che devi.
css
HTML:
html{
margin: 0;
padding: 0;
}
body{
margin: 0;
padding: 0;
/*eventuale immagine di back*/
}
#contenitore{
width: 1000px; /*o quello che ti serve*/
height: 600px;/*o quello che ti serve*/
margin-left: 50%;/* misura in percentuale*/
margin-top: 50%;/* misura in percentuale*/
left: -500px;/*misura negativa = a meta della laghezza scelta*/
top: -300px;/*come sopra*/
/*tutto il resto che ti serve font background.....*/
}

il div contenitore viene centrato sia vertivalmente che orizzontalmente, indipendentemente dalla risoluzione del video
 

Nyl

Utente Attivo
28 Apr 2008
71
0
0
sulgiappone.altervista.org
Grazie mille per il parere e per la risposta ora sono riuscita più o meno a centrarla solo che con ie mi dà dei problemi il meù orizzontale e non so come correggerlo.

Codice:
.menu2 ul{
	text-transform: uppercase;
	list-style-type: none;
	margin: 0;
	margin-left: 0;
	padding: 0;
	font-size: 7pt;
	text-align: left;
	}
	.menu2 a
	{
	display: block;
	color: #823a3d;
	background-color: #FFC8D0;
	padding: 3px 5px;
	text-decoration: none;
	border-right: solid 1px  #823a3d;
	}
	.menu2 a:hover
	{
	background-color: #FFE9EC;
	color: #823a3d;
	}
	.menu2 li { 
	float: left; 
	}

Non saprei come ad allineare il menù con l'header e il resto della pagina ie me lo sposta più a destra...
 

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.042
149
63
PR
www.borgo-italia.it
ciao
posso sirti sempre come faccio io (anche se non so se il sistema migliore).
all'nteno del div contenitore costruisco gli altri di es.
#testata{
position: absolute;
width: 1000px;/*largo come contenitore*/
height: 100px;
top: 0px;
left: 0px;/*lo spigolo alto dx di testata coincide con lo spigolo alto dx contenitore*/
/*eccetera*/
}
#menu{
position:absolute;
width: 150px;
height: 500px;/* altezza contenitore - testata*/
top: 100px;/*si posiz sotto testata*/
left: 0px;/* si pesiz a dx dentro contenitore*/
}
ecc...eccc..
con pazienza certosina (prova e riprova px su px) si posizioneno tutti i div (anche div dentro div dentro div...) operndo poi con blok e owerflow si ottine (dovrebbe) ottenere quello che vuoi (pazienza certosina dovresti averne se sei innamorata del giappone, pensa alle sfere dentro le sfere dentro...)
un ultima osservazione: non utilizzare per il monitor le unità di misura in pt (meglio px o eventualmente % o em). pt è adatto alla stampa su carta.
 

Nyl

Utente Attivo
28 Apr 2008
71
0
0
sulgiappone.altervista.org
Grazie mille per il consiglio appena ho un pò di tempo cambio tutte le misure in pt! La barra volevo provare a sistemarla senza posizionamento assoluto però non so se fa... Cosa è meglio inserire il logo con i css come background oppure inserirlo nell'html come una normale immagine?

P.s grazie mille per i consigli mi sono utili
 

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.042
149
63
PR
www.borgo-italia.it
ciao
per il logo, credo, è una scelta funzione della struttura che si viol dare alla pagina, io usualmente lo uso come una normale immagine nell'html

per il posizionamento ti allego un breve estratto relativo al posizionamento di un manuale che ho trovato (e da cui ho imparato) .
è un po' criptico, ma con pazienza (e prove) si capisce
 

Nyl

Utente Attivo
28 Apr 2008
71
0
0
sulgiappone.altervista.org
Grazie mille leggerò il documento con calma nella speranza di capirci qualcosa. Ho deciso di mettere il logo sottoform adi una normale immagine così posso inserirci un link all'homepage. Grazie per i consigli!
 
Discussioni simili
Autore Titolo Forum Risposte Data
A centrare la pagina con Js Javascript 1
I Centrare un layout al centro della pagina HTML e CSS 8
F Centrare la pagina HTML e CSS 8
Shyson Centrare box css HTML e CSS 2
M [PHP] [HTML] Centrare in verticale un pulsante in una tabella PHP 3
Andrea_Ventura [HTML] Problema centrare elemento orizzontalmente HTML e CSS 9
S [HTML] Centrare verticalmente il testo in div HTML e CSS 2
F [HTML] Centrare testo rispetto l'immagine HTML e CSS 1
elpirata [HTML] Non riesco a centrare menu orizzontale HTML e CSS 5
L Problema per centrare titolo PopUp HTML e CSS 5
A centrare iframe con div HTML e CSS 2
ecosito Google Maps: Centrare il marker ed editare il fumetto PHP 1
LuigiDonato Centrare Tabella HTML e CSS 10
N Centrare il testo verticalmente in una div. HTML e CSS 2
R Centrare un DIV per renderlo visibile su qualsiasi monitor HTML e CSS 12
F Centrare slider div HTML e CSS 1
asevenx problema per centrare sito HTML e CSS 5
R Come centrare il testo in un paragrafo con sfondo colorato? HTML e CSS 2
L Centrare galleria immagine HTML e CSS 2
asevenx centrare sito con div HTML e CSS 7
Z centrare verticalmente il testo di un button HTML e CSS 1
Marcolotto Centrare un testo (orizzontalmente e verticalmente) in una TextView Android Sviluppo app per Android 1
E Centrare finestra popup Javascript 7
A centrare una tabella HTML e CSS 3
W Centrare immagine con Bootstrap [era: Centrare div con bootstrap] HTML e CSS 2
C centrare pagine sito HTML e CSS 17
V centrare un layout a qualunque risoluzione HTML e CSS 3
M Centrare un DIV nel BODY (usando i CSS) HTML e CSS 1
M Centrare un sito con tutti i browser HTML e CSS 22
D Centrare del testo all'interno di un DIV ? HTML e CSS 3
D Centrare menù HTML e CSS 2
Oscar83 Si possono centrare automaticamente i CSS?? HTML e CSS 2
N Non riesco a centrare l'immagine di sfondo Webdesign e Grafica 9
D Centrare Un Pulsante Webdesign e Grafica 12
D Centrare IMG tramite action script Flash 2
simoncino Centrare pagine con Dreamweaver Webdesign e Grafica 1
M Centrare un logo in tutte le risoluzioni.... HTML e CSS 4
nourdine centrare verticalmente un div HTML e CSS 1
A Submit senza ricaricare la pagina Ajax 2
L Problemi form Pagina php HTML e CSS 3
L php mysql cerca e visualizza pagina PHP 0
S Variabile in post su altra pagina PHP 2
D Visualizzazione pagina basata sul valore di un campo del database PHP 2
D Pagina non trovata Wordpress WordPress 7
E Pagina Cloudflare e captcha Domini 1
W Anomalia Pagina Facebook Social Media Marketing 8
A Aiuto per pagina php PHP 0
T Risolto Redirect a pagina esterna Javascript 2
M Questa pagina non carica correttamente Google Maps: aiuto!! HTML e CSS 1
T Offuscare link pagina web PHP 2

Discussioni simili