Затънтена улица с центриране.

brigdjlq

Registered
Всичко изглежда както трябва, но в ляво на екрана. Искам да го центрирам, пробвах каквото ми дойде на главата, но нищо не се получи. Затова ако може малко помощ много бих се радвал.
Това е кода който изкарах от фотошоп без неуспешните ми опити.

Код:
#Table_01 {
	position:absolute;
	left:0px;
	top:0px;
	width:1020px;
	height:1475px;
}

#cube-01_ {
	position:absolute;
	left:0px;
	top:0px;
	width:373px;
	height:241px;
}

#cube-02_ {
	position:absolute;
	left:373px;
	top:0px;
	width:393px;
	height:241px;
}

#cube-03_ {
	position:absolute;
	left:766px;
	top:0px;
	width:254px;
	height:241px;
}

#cube-04_ {
	position:absolute;
	left:0px;
	top:241px;
	width:410px;
	height:292px;
}

#cube-05_ {
	position:absolute;
	left:410px;
	top:241px;
	width:422px;
	height:292px;
}

#cube-06_ {
	position:absolute;
	left:832px;
	top:241px;
	width:188px;
	height:292px;
}

#cube-07_ {
	position:absolute;
	left:0px;
	top:533px;
	width:275px;
	height:168px;
}

#cube-08_ {
	position:absolute;
	left:275px;
	top:533px;
	width:406px;
	height:168px;
}

#cube-09_ {
	position:absolute;
	left:681px;
	top:533px;
	width:339px;
	height:168px;
}

#cube-10_ {
	position:absolute;
	left:0px;
	top:701px;
	width:410px;
	height:436px;
}

#cube-11_ {
	position:absolute;
	left:410px;
	top:701px;
	width:610px;
	height:436px;
}

#cube-12_ {
	position:absolute;
	left:0px;
	top:1137px;
	width:319px;
	height:338px;
}

#cube-13_ {
	position:absolute;
	left:319px;
	top:1137px;
	width:265px;
	height:338px;
}

#cube-14_ {
	position:absolute;
	left:584px;
	top:1137px;
	width:248px;
	height:338px;
}

#cube-15_ {
	position:absolute;
	left:832px;
	top:1137px;
	width:188px;
	height:338px;
 
Този position: absolute навсякъде, ти прави проблемите.
 
Абсолютна середа по X & Y
[css]
#Table_01 {
position:absolute;
/* NO!!!
left:0px;
top:0px;
*/
left:50%; /*center in left*/
top:50%; /*center in top*/
margin:-737.5px 0 0 -510px; /* height/2, right:0, bottom:0, width/2 */
width:1020px;
height:1475px;
}
[/css]

Абсолютна середа по X
[css]
/* ONLY LEFT*/
#Table_01 {
position:absolute;
left:50%; /*center in left*/
top:0;
margin-left: -510px; /* width/2 */
width:1020px;
height:1475px;
}

[/css]
 
за да работи position: absolute; задължително бащиният елемент трябва да е с position: relative;
 

Back
Горе