centrare div

**enigma_79** · 01-03-2006, 13:10

ciao a tutti allora ho una situazione al quanto semplice ma non ne vengo fuori e avrei bisogno del vostro aiuto.

ho un div di 900px che deve apparire sempre al centro del mio browser
suggerimenti???

ecco la pagina per capirci

codice:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>CHS</title>
<style type="text/css">
<!--
html, body {
			width: 100%;
			margin: 0px;
			padding: 0px;
			background-image:url(img-chs/bg.jpg);
			background-repeat:repeat-y;
			background-position:center;
		}

#centrato {
	background-color:#FF0000;
	width: 900px;
	height: 100%;
	margin: auto;
	padding: 0;
	overflow: auto;
}

-->
</style></head>

<body>
<div id="centrato">
Il Div centrato all browser e il contenuto invece deve essere alignato in alto a sinistra nel div
</div>

</body>
</html>

**felixsuperstar** · 01-03-2006, 13:19

codice:

body,html {
height:100%;
margin:0;
background-image: url('iltuosfondo.iltuoformato');
background-repeat: repeat-x; //scegli la ripetizione //
font-family: Tahoma, Arial, "Sans serif";
}
#box {
width:900px;
height:500px;
position:absolute;
top:0%;    // gioca con i margini per centrarl 
left:10%; // gioca con i margini per centrarlo
margin:-100px 0 0 -175px;
margin-right: auto;
margin-left: auto;
background-image: url('iltuosfondo.iltuoformato');
background-repeat: no-repeat; //scegli la ripetizione //
color: #fff;
}

**enigma_79** · 01-03-2006, 13:21

io ho risolto così

codice:

<!--
html, body {
			width: 100%;
			margin: 0px;
			padding: 0px;
			background-image:url(img-chs/bg.jpg);
			background-repeat:repeat-y;
			background-position:center;
		}

#centrato {
	width: 900px;
	height: 100%;
	margin-left:-450px;
	padding: 0;
	position:absolute;
	overflow: auto;
	left:50%;
}

-->
</style>

**enigma_79** · 01-03-2006, 16:56

allora se io ho il mio file con questo body e questi css sottoriportyati

come posso posizionare in basso il div footer sempre nel bottom della pagina???

cioè container fa apparire la scroroll perchè più grande della pagina???

footer deve stare posizionato sempre in basso dopo la fine di container

codice:

<body>
<div class="container">
    <asp:contentplaceholder id="_componentsContainer" runat="server">
    </asp:contentplaceholder>
</div>

      
        <div class="footer">
        </div>
         
</body>

questi i miei css

codice:

html, body {
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-image:url(../../Images/bg.jpg);
	background-repeat:repeat-y;
	background-position:center;
	font-family: verdana; 
    font-size:11px;
    color:#3F3F3F; 
}
.container {
	height: 100%;
	width: 900px;
	margin-top:95px;
	margin-left:-450px;
	padding: 0;
	position:absolute;
	left:50%;
}
.footer {
	width: 900px;
	height: 20px;
	margin-left:-450px;
	padding: 0;
	position:absolute;
	left:50%;
	background-color:#dcdcdc;
	border: 0;
}

Discussione: centrare div

Strumenti discussione

Ricerca discussione

Visualizza

centrare div

Permessi di invio