Allineamento layout orizzontalmente centrato

**pmi** · 09-05-2007, 11:21

Salve,
vorrei allineare il seguente layout orizzontalmente al centro della pagina mi diti come fare?
ho provato in diversi modi anche leggendo nelle altre risposte ma nulla da fare!!
Grazie

<html>
<head>
<title>barratop</title>
<meta http-equiv="Content-Type" content="text/html;iso-8859-1">

<style type="text/css">
#contenitore{

..... cosa ci va messo per allineare il layout al centro in orizzontale?

}
#barratop-forumr1c1 {
position:absolute;
left:0px;
top:0px;
width:163px;
height:139px;
z-index:1;
visibility:visible;
}
#barratop-forumr1c2 {
position:absolute;
left:163px;
top:0px;
width:628px;
height:17px;
z-index:2;
visibility:visible;
}
#barratop-forumr1c13 {
position:absolute;
left:791px;
top:0px;
width:90px;
height:17px;
z-index:3;
visibility:visible;
}
#barratop-forumr1c15 {
position:absolute;
left:881px;
top:0px;
width:55px;
height:17px;
z-index:4;
visibility:visible;
}
#barratop-forumr1c17 {
position:absolute;
left:936px;
top:0px;
width:34px;
height:17px;
z-index:5;
visibility:visible;
}
#barratop-forumr2c2 {
position:absolute;
left:163px;
top:17px;
width:45px;
height:90px;
z-index:6;
visibility:visible;
}
#barratop-forumr2c3 {
position:absolute;
left:208px;
top:17px;
width:728px;
height:90px;
z-index:7;
visibility:visible;
}
#barratop-forumr2c17 {
position:absolute;
left:936px;
top:17px;
width:34px;
height:90px;
z-index:8;
visibility:visible;
}
#barratop-forumr3c2 {
position:absolute;
left:163px;
top:107px;
width:807px;
height:4px;
z-index:9;
visibility:visible;
}
#barratop-forumr4c2 {
position:absolute;
left:163px;
top:111px;
width:67px;
height:28px;
z-index:10;
visibility:visible;
}
#barratop-forumr4c4 {
position:absolute;
left:230px;
top:111px;
width:63px;
height:28px;
z-index:11;
visibility:visible;
}
#barratop-forumr4c5 {
position:absolute;
left:293px;
top:111px;
width:57px;
height:28px;
z-index:12;
visibility:visible;
}
#barratop-forumr4c6 {
position:absolute;
left:350px;
top:111px;
width:58px;
height:28px;
z-index:13;
visibility:visible;
}
#barratop-forumr4c7 {
position:absolute;
left:408px;
top:111px;
width:76px;
height:28px;
z-index:14;
visibility:visible;
}
#barratop-forumr4c8 {
position:absolute;
left:484px;
top:111px;
width:57px;
height:28px;
z-index:15;
visibility:visible;
}
#barratop-forumr4c9 {
position:absolute;
left:541px;
top:111px;
width:56px;
height:28px;
z-index:16;
visibility:visible;
}
#barratop-forumr4c10 {
position:absolute;
left:597px;
top:111px;
width:68px;
height:28px;
z-index:17;
visibility:visible;
}
#barratop-forumr4c11 {
position:absolute;
left:665px;
top:111px;
width:70px;
height:28px;
z-index:18;
visibility:visible;
}
#barratop-forumr4c12 {
position:absolute;
left:735px;
top:111px;
width:79px;
height:28px;
z-index:19;
visibility:visible;
}
#barratop-forumr4c14 {
position:absolute;
left:814px;
top:111px;
width:86px;
height:28px;
z-index:20;
visibility:visible;
}
#barratop-forumr4c16 {
position:absolute;
left:900px;
top:111px;
width:70px;
height:28px;
z-index:21;
visibility:visible;
}
</style>
</head>

<body>
<div id="contenitore">
<div id="barratop-forumr1c1">[img]barratop-forum_r1_c1.jpg[/img]</div>
<div id="barratop-forumr1c2">[img]barratop-forum_r1_c2.jpg[/img]</div>
<div id="barratop-forumr1c13">[img]barratop-forum_r1_c13.jpg[/img]</div>
<div id="barratop-forumr1c15">[img]barratop-forum_r1_c15.jpg[/img]</div>
<div id="barratop-forumr1c17">[img]barratop-forum_r1_c17.jpg[/img]</div>
<div id="barratop-forumr2c2">[img]barratop-forum_r2_c2.jpg[/img]</div>
<div id="barratop-forumr2c3">[img]barratop-forum_r2_c3.jpg[/img]</div>
<div id="barratop-forumr2c17">[img]barratop-forum_r2_c17.jpg[/img]</div>
<div id="barratop-forumr3c2">[img]barratop-forum_r3_c2.jpg[/img]</div>
<div id="barratop-forumr4c2">[img]barratop-forum_r4_c2.jpg[/img]</div>
<div id="barratop-forumr4c4">[img]barratop-forum_r4_c4.jpg[/img]</div>
<div id="barratop-forumr4c5">[img]barratop-forum_r4_c5.jpg[/img]</div>
<div id="barratop-forumr4c6">[img]barratop-forum_r4_c6.jpg[/img]</div>
<div id="barratop-forumr4c7">[img]barratop-forum_r4_c7.jpg[/img]</div>
<div id="barratop-forumr4c8">[img]barratop-forum_r4_c8.jpg[/img]</div>
<div id="barratop-forumr4c9">[img]barratop-forum_r4_c9.jpg[/img]</div>
<div id="barratop-forumr4c10">[img]barratop-forum_r4_c10.jpg[/img]</div>
<div id="barratop-forumr4c11">[img]barratop-forum_r4_c11.jpg[/img]</div>
<div id="barratop-forumr4c12">[img]barratop-forum_r4_c12.jpg[/img]</div>
<div id="barratop-forumr4c14">[img]barratop-forum_r4_c14.jpg[/img]</div>
<div id="barratop-forumr4c16">[img]barratop-forum_r4_c16.jpg[/img]</div>
</div>
</body>
</html>

**gordian** · 09-05-2007, 12:45

codice:

body {
	margin: 0;
}

#contenitore {
	width: .......px;
	margin: 0 auto;
	text-align: left;
	clear: both;
	padding: 0px;
}

poi tutto il resto.

**pmi** · 09-05-2007, 17:27

Che strano,
dopo aver aggiunto le modifiche non è successo niente,
è rimasto tutto fermo nell'angolo in alto a sinistra!!!

Ho provato in questi due modi, ma senza risultato

width: 970px;
widith: 100%;

**gordian** · 09-05-2007, 17:44

:master: :master: :master:

Per scrupolo: prova a scrivere

div#contenitore

al posto di

#contenitore

**pmi** · 09-05-2007, 20:48

Questa è la modifica,
il risultato non cambia il template se ne sta sempre fermo sulla sinistra.

Ho provato a rimuovere il position:absolute; dagli altri stili e il templete si centra ma allo stesso tempo si sfascia!!

body {
margin: 0;
}

div#contenitore {
width: 970px;
margin: 0 auto;
text-align: left;
clear: both;
padding: 0px;
}

**fmortara** · 31-10-2008, 01:51

prova:

html, body {width: 100%;}

altrimenti i margini del container da cosa li regoli?

Discussione: Allineamento layout orizzontalmente centrato

Strumenti discussione

Ricerca discussione

Visualizza

Allineamento layout orizzontalmente centrato

Permessi di invio