Centrare pagina

[Nyl]

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.

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!

 

[borgo italia]

ciao
per centrare una pagina, penso, che ti convenga costruirti un div contenitore al cui interno inserire quello che devi.
css

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

 

[borgo italia]

scusa dimenticavo: forse la nuova

 

[Nyl]

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.

.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]

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]

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]

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]

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!