centrare DIV su FIREFOX anche verticalmente...

**tigerjack** · 12-10-2007, 18:32

ciao,

ho questo codice

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
    /* basic elements */
    body { 
      font: 8pt/16pt georgia; 
      color: #555753; 
      margin: 0px;
      background-color: rgb(136, 136, 136); 
    }
	
		#container {
			width: 660;
			/*border: 1px solid gray;*/
			margin: 10px;
			margin-left: auto;
			margin-right: auto;
			padding: 10px;
		}

		#banner {
			padding: 0;
			margin-bottom: ;
			/*background-color: rgb(213, 219, 225);*/
		}

		#content {
			padding: 0px;
      height: 500px;
      /*text-align:center;*/
      background: #888888 url(bg.jpg) no-repeat center;  
		}

		#footer {
			clear: both;
			padding: 0;
			margin-top: ;
			/*background-color: rgb(213, 219, 225);*/
		}
		
    #contenthome {
      position:relative;
			margin: 20px 40px 20px 20px;
      height: 440px;
      text-align:center;
		}
	</style>
</head>
<body>
	<div id="container">
		<div id="banner"></div>

<div id="content"><div id="contenthome">[img]entra.jpg[/img]</div></div></div>

		<div id="footer"></div>
	</div>
</body>
</html>

in particolare non riesco a centrare VERTICALMETNE contenthome in content..come si può risolvere?

grazie

**oronze** · 12-10-2007, 20:29

non ho tempo di leggere il tuo codice cmq studia questo che centra un div nella pagina sia in vert che in orizz:
body{
margin: 0px;
height: 100%;
}
#centrato{
width: 615px;
height: 450px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -307.5px;
margin-top: -225px;
}

Discussione: centrare DIV su FIREFOX anche verticalmente...

Strumenti discussione

Ricerca discussione

Visualizza

centrare DIV su FIREFOX anche verticalmente...

Permessi di invio