Hi... in the following code i am stuck how to centre the page.
Can anyone offer assistance?
-code begin-
<!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>
<title>Transconflict</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body {
margin:50px 0px; padding:0px;
text-align:center;
}
#container {
width:500px;
margin:0px auto;
text-align:left;
padding:15px;
border:1px dashed #333;
background-color:#eee;
}
div#Untitled-4-01_ {
background-image: url(images/Untitled-4_01.gif);
background-color: #000000;
position:absolute;
left:0px;
top:0px;
width:26px;
height:104px;
}
div#Untitled-4-02_ {
background-image: url(images/Untitled-4_02.gif);
background-color: #000000;
position:absolute;
left:26px;
top:0px;
width:606px;
height:174px;
}
div#Untitled-4-03_ {
background-image: url(images/Untitled-4_03.gif);
background-color: #000000;
position:absolute;
left:632px;
top:0px;
width:102px;
height:20px;
}
div#Untitled-4-04_ {
background-image: url(images/Untitled-4_04.gif);
background-color: #000000;
position:absolute;
left:734px;
top:0px;
width:104px;
height:20px;
}
div#Untitled-4-05_ {
background-image: url(images/Untitled-4_05.gif);
background-color: #000000;
position:absolute;
left:838px;
top:0px;
width:120px;
height:20px;
}
div#Untitled-4-06_ {
background-image: url(images/Untitled-4_06.gif);
background-color: #000000;
position:absolute;
left:958px;
top:0px;
width:26px;
height:216px;
}
div#Untitled-4-07_ {
background-image: url(images/Untitled-4_07.gif);
background-color: #000000;
position:absolute;
left:632px;
top:20px;
width:326px;
height:154px;
}
div#Untitled-4-08_ {
background-image: url(images/Untitled-4_08.gif);
background-color: #000000;
position:absolute;
left:0px;
top:104px;
width:13px;
height:19px;
}
div#Untitled-4-09_ {
background-image: url(images/Untitled-4_09.gif);
background-color: #000000;
position:absolute;
left:13px;
top:104px;
width:13px;
height:112px;
}
div#Untitled-4-10_ {
background-image: url(images/Untitled-4_10.gif);
background-color: #000000;
position:absolute;
left:0px;
top:123px;
width:13px;
height:93px;
}
div#Untitled-4-11_ {
background-image: url(images/Untitled-4_11.gif);
background-color: #000000;
position:absolute;
left:26px;
top:174px;
width:932px;
height:42px;
}
div#Untitled-4-12_ {
background-image: url(images/Untitled-4_12.gif);
background-color: #000000;
position:absolute;
left:0px;
top:216px;
width:26px;
height:784px;
}
div#Untitled-4-13_ {
background-image: url(images/Untitled-4_13.gif);
background-color: #000000;
position:absolute;
left:26px;
top:216px;
width:932px;
height:784px;
}
div#Untitled-4-14_ {
background-image: url(images/Untitled-4_14.gif);
background-color: #000000;
position:absolute;
left:958px;
top:216px;
width:26px;
height:784px;
}
</style>
</head>
<body style="background-color:#FFFFFF;">
<div id="container">
<div id="Untitled-4-01_"> </div>
<div id="Untitled-4-02_"> </div>
<div id="Untitled-4-03_"> </div>
<div id="Untitled-4-04_"> </div>
<div id="Untitled-4-05_"> </div>
<div id="Untitled-4-06_"> </div>
<div id="Untitled-4-07_"></div>
<div id="Untitled-4-08_"> </div>
<div id="Untitled-4-09_"> </div>
<div id="Untitled-4-10_"> </div>
<div id="Untitled-4-11_"> </div>
<div id="Untitled-4-12_"> </div>
<div id="Untitled-4-13_"> </div>
<div id="Untitled-4-14_"> </div>
</div>
</body>
</html>
-code end-