Olá estou querendo centralizar meu site em qualquer resolução. Eu ja sei que existem vários tópicos e tutoriais no google explicando como centralizar divs mais até agora não consegui centralizar nada[codebox]
<html>
<head>
<TITLE>Café Forasteiro</TITLE>
<META NAME="DESCRIPTION" CONTENT="">
<META NAME="KEYWORDS" CONTENT="Café, venda, Forasteiro, Café Forasteiro, Café Damasco, café atibaiense, café pilão.">
<META NAME="CATEGORY" CONTENT="Venda de Café">
<META NAME="ROBOTS" CONTENT="All">
<META NAME="GENERATOR" CONTENT="MetaTags Fácil by AutoResponders © 2004 - www.autoresponders.com.br">
<link href="sft.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.style5 {color: #000000}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
#apDiv1 {
position:absolute;
left:228px;
top:161px;
width:779px;
height:418px;
z-index:1;
}
#apDiv2 {
position:absolute;
left:228px;
top:163px;
width:195px;
height:225px;
z-index:2;
}
#apDiv3 {
position:absolute;
left:227px;
top:161px;
width:196px;
height:233px;
z-index:2;
background-image: url(images/1a.jpg);
}
#apDiv4 {
position:absolute;
left:228px;
top:2px;
width:779px;
height:159px;
z-index:3;
}
#apDiv5 {
position:absolute;
left:227px;
top:354px;
width:196px;
height:220px;
z-index:4;
}
#apDiv6 {
position:absolute;
left:226px;
top:363px;
width:197px;
height:211px;
z-index:4;
}
#apDiv7 {
position:absolute;
left:228px;
top:574px;
width:780px;
height:71px;
z-index:5;
background-image: url(images/3a.jpg);
}
#apDiv8 {
position:absolute;
left:228px;
top:741px;
width:780px;
height:77px;
z-index:6;
background-image: url(images/4a.jpg);
background-color: #C0E6FD;
}
#apDiv9 {
position:absolute;
left:227px;
top:815px;
width:781px;
height:52px;
z-index:7;
background-image: url(images/bttm2.jpg);
}
#apDiv10 {
position:absolute;
left:255px;
top:199px;
width:159px;
height:39px;
z-index:8;
}
#apDiv11 {
position:absolute;
left:256px;
top:218px;
width:158px;
height:18px;
z-index:9;
}
#apDiv12 {
position:absolute;
left:253px;
top:238px;
width:160px;
height:17px;
z-index:8;
}
#apDiv13 {
position:absolute;
left:255px;
top:217px;
width:158px;
height:19px;
z-index:9;
}
#apDiv14 {
position:absolute;
left:253px;
top:201px;
width:160px;
height:17px;
z-index:10;
}
#apDiv15 {
position:absolute;
left:253px;
top:257px;
width:160px;
height:17px;
z-index:11;
}
#apDiv16 {
position:absolute;
left:253px;
top:276px;
width:160px;
height:17px;
z-index:12;
}
#apDiv17 {
position:absolute;
left:253px;
top:295px;
width:160px;
height:17px;
z-index:13;
}
#apDiv18 {
position:absolute;
left:253px;
top:315px;
width:160px;
height:17px;
z-index:14;
}
body,td,th {
font-family: tahoma;
font-size: 14px;
font-weight: bold;
}
.style6 {font-size: 14px}
.style7, .style7:hover { font-size: 12; font-weight: bold;}
#apDiv19 {
position:absolute;
left:246px;
top:587px;
width:157px;
height:143px;
z-index:15;
}
.style8 {
font-size: 10px
}
#apDiv20 {
position:absolute;
left:253px;
top:178px;
width:160px;
height:21px;
z-index:16;
}
#apDiv21 {
position:absolute;
left:253px;
top:220px;
width:160px;
height:17px;
z-index:17;
}
#apDiv22 {
position:absolute;
left:229px;
top:160px;
width:161px;
height:187px;
z-index:18;
}
-->
</style>
<base target="_blank">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>
<body bgcolor="#FFFFFF" text="#333333" link="#666666" vlink="#666666" alink="#666666" leftmargin="1" topmargin="1" marginwidth="1" marginheight="1">
<div id="apDiv1"><img src="images/centro 1a.jpg" width="780" height="419"></div>
<div id="apDiv4"><img src="images/barra.png" width="780" height="160"></div>
<div id="apDiv6">
<div align="center"><strong><em><font face="Tahoma" size="6">EM BREVE VENDAS ONLINE</font></em></strong></div>
</div>
<div id="apDiv7"><img src="images/3a.jpg" width="780" height="172"></div>
<div id="apDiv8"></div>
<div id="apDiv9"></div>
<div id="apDiv12">
<div align="center" class="style7"><a href="his.html">A nossa História</a></div>
</div>
<div id="apDiv14">
<div align="center" class="style7"><a href="INDEX.HTML" target="_blank">Home</a></div>
</div>
<div id="apDiv15">
<div align="center" class="style7"><strong><a href="par.html">Parceiros</a></strong></div>
</div>
<div id="apDiv16">
<div align="center" class="style7"><a href="quem.html">Quem somos</a></div>
</div>
<div id="apDiv17">
<div align="center" class="style7"><a href="receitas.html">Receitas com Café</a></div>
</div>
<div id="apDiv18">
<div align="center" class="style7"><a href="Onde Encontrar.html">Onde encontrar?</a></div>
</div>
<div id="apDiv19">
<div align="center">
<p>CONTATO</p>
<p>Fone: 11-4895-9010</p>
</div>
<p align="center">Email:</p>
<p align="center" class="style8">cafeforasteiro@terra.com.br</p>
</div>
<div id="apDiv20">
<div align="center">MAPA DO SITE</div>
</div>
<div id="apDiv21">
<div align="center"><a href="FaleConosco.asp" class="style7">Fale Conosco</a></div>
</div>
<div align="center">
<table width="780" height="156" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="156" valign="top"> </td>
</tr>
</table>
<table width="780" height="417" border="0" cellpadding="0" cellspacing="0">
<tr valign="top">
<td width="200" height="417">
<div align="center">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p class="style5 sub2">
</div> </td>
<td width="580" height="417"><label></label></td>
</tr>
</table>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<br>
</div>
</body>
</html>
[/codebox]
Este é meu pequeno código não centralizado(ainda)
Grato Victor
Centralizar Site
Started By Victor Gamarra, 14/06/2009, 17:05
1 reply to this topic
#2
siriguela
-
- Usuários
-
- 34 posts
Turista
- Sexo:Masculino
Posted 15/06/2009, 11:01
Poderia botar uma div com todo o conteudo do site dentro e botar assim:
classe da div{margin:0 auto}// 0 nao atribui nada(vertical) e auto poe sempre no meio(horizontal).
Ai ficaria o que chamam de layout fluido.
classe da div{margin:0 auto}// 0 nao atribui nada(vertical) e auto poe sempre no meio(horizontal).
Ai ficaria o que chamam de layout fluido.
www.HeavyTutorials.com
Envie seu Tutorial, receba pontos, e troque por beneficios.
Desafie seu amigo numa batalha de design.
Aumente o trafego para seu site, como sistema de exibição e banner em troca de pontos.
Venha, participe e confira!
Envie seu Tutorial, receba pontos, e troque por beneficios.
Desafie seu amigo numa batalha de design.
Aumente o trafego para seu site, como sistema de exibição e banner em troca de pontos.
Venha, participe e confira!
1 user(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)
