allineamento div a centro pagina e sfondo

**ilquaglia** · 11-10-2004, 12:05

ho un div che vorrei posizionare a centro pagina, ma non so la stringa di codice css appropriata!

dopo questo volevo fare in modo che nel div ci fosse una determinata immagine di sfondo, e nel body (quindi nello spazio attorno al div, che rimane vuoto), un altro sfondo...

posto i codici.

codice:

<style type="text/css">
<!--
	A {text-decoration: underlined; color : Blue;}
	A:HOVER{ Color : light blue; text-decoration: underlined; }
	A:VISITED { text-decoration : underlined; }

body,html {
	height:100%;
	}

#box {  
	vertical-align: middle;
	text-align:left;	
	width:60%; height:100%;
	margin-top:0;
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;
	border-left:1px dotted #CCCCCC;
	border-right:1px dotted #CCCCCC;
	background-image: url(immagini/sfondo2.gif);
}  


-->
</style>

**flanza** · 11-10-2004, 23:12

Originariamente inviato da ilquaglia
ho un div che vorrei posizionare a centro pagina, ma non so la stringa di codice css appropriata!

dopo questo volevo fare in modo che nel div ci fosse una determinata immagine di sfondo, e nel body (quindi nello spazio attorno al div, che rimane vuoto), un altro sfondo...

posto i codici.

codice:

<style type="text/css">
<!--
	A {text-decoration: underlined; color : Blue;}
	A:HOVER{ Color : light blue; text-decoration: underlined; }
	A:VISITED { text-decoration : underlined; }

body,html {
	height:100%;
	}

#box {  
	vertical-align: middle;
	text-align:left;	
	width:60%; height:100%;
	margin-top:0;
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;
	border-left:1px dotted #CCCCCC;
	border-right:1px dotted #CCCCCC;
	background-image: url(immagini/sfondo2.gif);
}  


-->
</style>

guarda questo:

codice:

<style>
body,html { 
height:100%;
margin:0;
background:#000; 
background-image: url(immagini/sfondo1.gif);


}


#box {
width:400px; height:400px;
position:absolute;
top:50%;left:50%;
margin:-200px 0 0 -200px;
border:1px solid #000;
background-color:#f00;
overflow:auto;
background-image: url(immagini/sfondo2.gif);

}
</style>

<html><body scroll=no>



<div id="box">
contenuto







qqq
</div>
</body>
</html>

devi mettere poi al posto di sfondo1 e sfondo 2 quelli che ti pare

*pragma · 11-10-2004, 23:29

Originariamente inviato da ilquaglia
ho un div che vorrei posizionare a centro pagina, ma non so la stringa di codice css appropriata!

dopo questo .....

fai una semplicissima ricerca p.es
http://forum.html.it/forum/showthrea...t=div+centrato

http://forum.html.it/forum/showthrea...t=div+centrato

poi underlined non esiste

così anche vertical-align va nei td, oppure si applica solo ad elementi inline

Discussione: allineamento div a centro pagina e sfondo

Strumenti discussione

Ricerca discussione

Visualizza

allineamento div a centro pagina e sfondo

Re: allineamento div a centro pagina e sfondo

Re: allineamento div a centro pagina e sfondo

Permessi di invio