Estou com um impasse...
Já tentei de tudo mas não consigo centralizar o conteúdo do meu site.
Eu quero deixar o back centralizado para que quando abrirem em full hd resolution ele não fique justificado a esquerda.
Segue meu HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR...l1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Born Tecnologia - (41) 3092.2217</title>
<style type="text/css">
body {
font-family: Verdana, Geneva, sans-serif;
font-size: 100%;
color: #fff;
background-color: #fff;
margin-left: 20px;
margin-top: 20px;
margin-right: 20px;
margin-bottom: 20px;
background-image: url(backg.jpg);
background-position: center center;
background-repeat: no-repeat;
}
a, a:hover, a:active, a:focus {
outline:0;
direction:ltr;
}
.wrapper {
position:relative; height:25px;
}
.mainmenu {
position:absolute;
z-index:auto;
font-family:Verdana, Geneva, sans-serif;
font-weight:normal;
font-size:90%;
line-height:25px;
left:411px;
margin-left:-303px;
width:616px;
top: 151px;
}
ul.menu {
padding:0;
margin:0;
list-style:none;
width:100px;
overflow:hidden;
float:left;
margin-right:1px;
}
ul.menu a {
background:#fff;
text-decoration:none;
color:#fff;
padding-left:5px;
}
ul.menu li.list {
float:left;
width:250px;
margin:-32767px -125px 0px 0px;
background:url(images/top1.png) no-repeat left bottom;
}
ul.menu li.list a.category {
position:relative;
z-index:50;
display:block;
float:left;
width:120px;
margin-top:32767px;
background:transparent;
}
ul.menu li.list a.category:hover,
ul.menu li.list a.category:focus,
ul.menu li.list a.category:active {
margin-right:1px;
background-image:url(images/tophover1.png);
background-repeat:no-repeat;
background-position:left top;
}
ul.submenu {
float:left;
padding:25px 0px 0px 0px;
margin:0;
list-style:none;
background-image:url(images/tophover1.png);
background-repeat:no-repeat;
background-position:left top;
margin:-25px 0px 0px 0px;
}
ul.submenu li a {
float:left;
width:120px;
background:#1171B5;
clear:left;
color:#fff;
}
ul.submenu li a.endlist {
background:url(images/bottom1.png);
}
ul.submenu li a.endlist:hover,
ul.submenu li a.endlist:focus,
ul.submenu li a.endlist:active {
background:url(images/bottomhover1.png);
}
ul.submenu a:hover,
ul.submenu a:focus,
ul.submenu a:active {
background:#900;
margin-right:1px;
color:#fff;
}
.style1 {
font-family: Calibri;
font-weight: bold;
}
.style2 {font-family: Calibri}
.style4 { font-family: "Lucida Sans Unicode";
font-size: 18px;
color: #1171B5;
font-weight: bold;
}
.style5 { font-size: 14px;
color: #000;
font-family: Calibri;
}
#apDiv6 {
position:absolute;
width:563px;
height:215px;
z-index:1;
left: 120px;
top: 272px;
}
.style6 {font-family: Arial, Helvetica, sans-serif}
.style7 {
font-size: 12px;
font-weight: bold;
}
</style>
</head>
<body>
<div class="wrapper">
<div class="mainmenu">
<ul class="menu">
<li class="list"><a href="index.html" class="category style1">Home</a></li>
</ul>
<ul class="menu">
<li class="list">
<a class="category" href="#"><span class="style1">A Born »</span></a>
<ul class="submenu">
<li><a href="dif.html" class="style1">Diferencial</a></li>
<li class="style1"><a href="est.html">Estrutura</a></li>
</ul>
</li>
</ul>
<ul class="menu">
<li class="list">
<a class="category" href="#"><span class="style1">Serviços »</span></a>
<ul class="submenu">
<li><a href="proj.html" class="style1">Projetos</a></li>
<li class="style1"><a href="seg.html">Segurança</a></li>
<li class="style1"><a href="cone.html">Conectividade</a></li>
<li class="style1"><a href="aud.html">Áudio e Vídeo</a></li>
</ul>
</li>
</ul>
<ul class="menu">
<li class="list">
<a href="#" class="category style2"><strong>Clientes »</strong></a>
<ul class="submenu">
<li><a href="#" class="style1">Shopping</a></li>
<li class="style2"><a href="#"><strong>Outros Clientes</strong></a></li>
</ul>
</li>
</ul>
<ul class="menu">
<li class="list">
<a href="ima.html" class="category style2"><strong>Imagens</strong></a>
</ul>
<ul class="menu">
<li class="list"><a href="cont.html" class="category style2"><strong>Contato</strong></a></li>
</ul>
</div>
</div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p align="center"> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<div id="apDiv6">
<table width="563" height="255" border="0">
<tr>
<td height="24"><p align="center" class="style4">HISTÓRIA</p></td>
</tr>
<tr>
<td height="225" class="style5"><p align="justify" class="style6">Nossa história é marcada por uma trajetória continua de sucesso e crescimento diferenciado, adotando sempre a melhor solução em tecnologia nos diversos ramos e segmentos de mercado, onde a qualidade final é essencialmente um compromisso, visando alcançar a total satisfação de seus clientes. </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"><img src="images/Figura2.png" alt="" width="100" height="22" /></p>
<p align="center" class="style6 style7">Copyright 2010 - Born Tecnlogia - Rua Willian Both, 2608 Loja 4 - Curitiba - PR</p></td>
</tr>
</table>
<p class="style5"> </p>
</div>
<p> </p>
</table>
</tr>
</td>
</body>
</html>
