Tema: Centrar web
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 15/01/2013, 08:44
luisfraneg
 
Fecha de Ingreso: enero-2013
Mensajes: 4
Antigüedad: 11 años, 5 meses
Puntos: 0
Centrar web

Hola, a ver si me podeis echar un cable, estoy diseñando una web y no consigo centrar la web, me refiero a que en pantallas grandes sale ajustada a la izquierda en vez de quedar centrada. He probado con etiquetas div u otros codigos pero no lo consigo, supongo que el problema es que antes de la etiqueta body hay algunos div, os pongo el html:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Huerto y Granja</title>
<style type="text/css">
body {
background-image: url();
background-repeat: no-repeat;
background-color: #FFF;
}
#apDiv1 {
position: absolute;
width: 200px;
height: 115px;
z-index: 1;
left: 1px;
top: 2px;
}
#apDiv2 {
position: absolute;
width: 200px;
height: 90px;
z-index: 2;
left: 1px;
top: 168px;
}
#apDiv3 {
position: absolute;
width: 91px;
height: 115px;
z-index: 3;
left: 1px;
top: 257px;
}
#apDiv4 {
position: absolute;
width: 848px;
height: 95px;
z-index: 4;
left: 94px;
top: 1481px;
}
#apDiv5 {
position: absolute;
width: 91px;
height: 1321px;
z-index: 5;
left: 945px;
top: 259px;
}
#apDiv6 {
position: absolute;
width: 150px;
height: 56px;
z-index: 6;
left: 724px;
top: 1416px;
}
#apDiv7 {
position: absolute;
width: 200px;
height: 115px;
z-index: 7;
}
#apDiv8 {
position: absolute;
width: 146px;
height: 115px;
z-index: 7;
left: 103px;
top: 391px;
}
#apDiv9 {
position: absolute;
width: 1968px;
height: 28px;
z-index: 8;
left: 152px;
top: 393px;
}
#apDiv10 {
position: absolute;
width: 471px;
height: 38px;
z-index: 8;
left: 398px;
top: 251px;
}
#apDiv11 {
position: absolute;
width: 133px;
height: 35px;
z-index: 8;
left: 371px;
top: 1415px;
}
#apDiv12 {
position: absolute;
width: 198px;
height: 39px;
z-index: 9;
left: 660px;
top: 254px;
}
#apDiv13 {
position: absolute;
width: 870px;
height: 12px;
z-index: 10;
left: 164px;
top: 1373px;
}
#apDiv14 {
position: absolute;
width: 1071px;
height: 14px;
z-index: 10;
}
#apDiv15 {
position: absolute;
width: 630px;
height: 8px;
z-index: 10;
top: 1382px;
left: 287px;
}
#apDiv16 {
position: absolute;
width: 136px;
height: 115px;
z-index: 11;
left: 110px;
top: 846px;
}
#apDiv17 {
position: absolute;
width: 200px;
height: 76px;
z-index: 12;
left: 172px;
top: -125px;
}
#apDiv18 {
position: absolute;
width: 191px;
height: 61px;
z-index: 12;
left: 552px;
top: 269px;
}
#apDiv19 {
position: absolute;
width: 14px;
height: 886px;
z-index: 13;
left: 271px;
top: 393px;
}
#apDiv20 {
position: absolute;
width: 605px;
height: 931px;
z-index: 14;
left: 302px;
top: 329px;
}
.Estilo185 { font-size: 14px;
}
body,td,th {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
}
#apDiv21 {
position: absolute;
width: 200px;
height: 115px;
z-index: 15;
left: 88px;
top: 274px;
}
#apDiv20 table tr td p strong {
font-style: italic;
}
#apDiv22 {
position: absolute;
width: 128px;
height: 124px;
z-index: 15;
left: 111px;
top: 694px;
}
</style>
</head>

<body><div> id="content" #content { width: 990px; margin: 0 auto; }



<blockquote>
<blockquote>
<blockquote>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div id="apDiv2"><img src="postehorizontal.jpg" width="1034" height="90" /></div>
<div id="apDiv1"><img src="SUBIDO/www/huertoygranja.jpg" width="1033" height="164" /></div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div id="apDiv18"><a href="SUBIDO/www/lasgallinas.html"><img src="SUBIDO/www/botongallinas.gif" width="189" height="58" /></a></div>
<p>&nbsp;</p>
<div id="apDiv3"><img src="SUBIDO/www/postevertical.jpg" alt="" width="90" height="1318" /></div>
<div id="apDiv6"><a href="https://www.facebook.com/Huertoygranja?ref=ts&amp;fref=ts"><img src="SUBIDO/www/facebook.gif" width="150" height="55" /></a></div>
<p>&nbsp;</p>
<div id="apDiv11"><a href="mailto:[email protected]" target="_blank"><img src="SUBIDO/www/mail.gif" width="314" height="57" /></a></div>
<p>&nbsp;</p>
<div id="apDiv8">
<table width="145" border="0">
<tr>
<td width="139"><a href="SUBIDO/www/index.html"><img src="SUBIDO/www/inicio.gif" width="142" height="29" alt="inicio" /></a></td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td><a href="SUBIDO/www/contacto.html"><img src="SUBIDO/www/contacto.gif" width="142" height="29" alt="contacto" /></a></td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td><a href="SUBIDO/www/participativa.html"><img src="SUBIDO/www/certificación.gif" width="142" height="29" alt="certificacion" /></a></td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td><div id="apDiv17"><a href="SUBIDO/www/parcelas.html"><img src="SUBIDO/www/botonhuerto.gif" alt="" width="233" height="71" /></a></div></td>
</tr>
<tr>
<td><a href="SUBIDO/www/elhuerto.html"><img src="SUBIDO/www/donde.gif" alt="" width="142" height="29" /></a></td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td><a href="SUBIDO/www/seguimiento.html"><img src="SUBIDO/www/botontuhuerto.gif" alt="" width="142" height="29" /></a></td>
</tr>
</table>
</div>
<p>&nbsp;</p>
<div id="apDiv20">
<table width="598" height="973" border="0">
<tr>
<td width="592" height="969" bgcolor="#FFFFFF"><strong>¿Que es HuertoyGranja.es?</strong>
<p>Es un proyecto que surge por la motivación de ofrecer a la creciente demanda de una parte de la sociedad un consumo alimentario sano, de calidad, responsable desde el punto de vista medioambiental y a la vez justo en lo relacionado con la labor como pequeño productor. Con el compromiso, confianza e ilusión de poder ofrecer ese producto de calidad nace esta <strong>nueva ídea de relación entre productor y consumidor</strong>. </p>
<p class="Estilo185"><strong>¿Que ofrezco?</strong></p>
<p class="Estilo185">Basicamente <strong>hortalizas ecológicas</strong> de temporada y <strong>huevos frescos</strong>. Pero de una manera diferente, pues se trata de que el propio consumidor sin llegar a ser productor esté lo más cerca posible de serlo, pudiendo hacer un seguimiento a través de la web de los productos que consumirá, desde la siembra a la recolección. Puedes escoger una parcela desde 10m2, y si lo deseas tomar decisiones, como que deseas sembrar y en que cantidad. </p>
<p class="Estilo185">&nbsp;</p>
<p class="Estilo185"><img src="SUBIDO/www/Huerto_portada.jpeg" width="406" height="282" /></p>
<p class="Estilo185">También puedes escoger la opción de recibir <strong>cestas con hortalizas de temporada</strong> de manera ocasional, semanal, quincenal o mensualmente.</p>
<p><span class="Estilo185">Si deseas huevos frescos de gallinas camperas alimentadas con cereales también dispondrás de ellos!</span></p>
<p class="Estilo185"><strong>El dia acordado según la zona te llevaremos a casa tus hortalizas y tus huevos frescos, así de fácil.</strong></p>
<p class="Estilo185">Tus hortalizas se regarán con agua de manantial que brota de manera natural durante todo el año y por supuesto mediante riego por goteo. </p></td>
</tr>
</table>
</div>
<p>&nbsp;</p>
<div id="apDiv19"><img src="bp-vertical.gif" width="3" height="976" /></div>
<p>&nbsp;</p>
<div id="apDiv4"><img src="SUBIDO/www/hierbapie.jpg" width="852" height="94" /></div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div id="apDiv5"><img src="SUBIDO/www/postevertical.jpg" width="90" height="1321" /></div>
<div id="apDiv15"><img src="bp.gif" width="628" height="3" /></div>
</blockquote>
<div id="apDiv16"><img src="SUBIDO/www/trans.gif" width="135" height="138" /></div>
<div id="apDiv22"><img src="EcoFriendlySite.png" width="134" height="130" /></div>
</blockquote>
</blockquote>


</body>
</html>

Última edición por luisfraneg; 15/01/2013 a las 10:03