No se centra para 800x600

currante007 · #1 (**permalink**) 18/04/2007, 05:28

Hice mi web a 760 px para poderse ver en ordenadores con poca resolución...el problema es que hay bastante mas margen a la izquierda que a la derecha...¿podeis echarle un vistazo?

w w w.drogueriacatalana.com

Gracias de antemano

Código:

<html>
	<head><link rel="stylesheet" type="text/css" href="./estilo.css" /> 
<title>Droguería Catalana</title>
	<style type="text/css">

	#contenedor {width:760px; 
	    margin-top:20px;
            margin-right:30px;
            margin-bottom:20px;
            margin-left:30px;}
</style>
	</head>
	<body>
<div id= "contenedor">

<hr color= black><h1>Droguería Perfumería Catalana</h1>
	<h2 align="center" class="Estilo7">Comercio fundado en 1884 en Castellón</h2>
	<hr color= black>
	<p>
    <img src="drogueria entera 2.JPG" width="325" height="224" hspace="8" border="0" align="left">La Droguería Perfumería Catalana de Castellón es un comercio fundado en 1884 por el bisabuelo del actual propietario, 
	Jaime Blanch, y que está especializado en numerosos productos utilizados en la vida cotidiana .<br>
	Actualmente hay <b>2</b> establecimientos ubicados a <b>10</b> minutos entre ellos; es decir, 
si se nos ha agotado un producto y lo tenemos en la otra droguería, no dudamos en llamar para que se lo guarden
hasta que ud. lo recoja.</p>
	<p align= center> SIEMPRE RESPETAMOS LAS FIESTAS.</p><br>
                   <h4>| <a href= historia.html>Historia </a>
	    | <a href= "donde estamos.html">Donde estamos </a>
          | <a href= especializacion.html>Especializaci&oacute;n </a>
	    | <a href= "el belen.html">El Bel&eacute;n</a> |</h4> 
  
          <h4>| <a href= contacto.html>Contacta con nosotros </a>
          | <a href= "entrevistas y premios.html"> Entrevistas y premios </a>
          | <a href="fotos.html"> Galería de fotos </a>| </h4>

	<hr color= black>
	<div align="center">
	  <table width="13%" height="15%" border="1" align="left" cellpadding="3" cellspacing="3">
      <tr>
        <th width="13%" height="15%" scope="row"><div align="center">
            <span class="Estilo24"><font size="2">Contador de visitas:</font></span>        <a href="http://www.juegos-de-casino.es/casino-europa/">
            <img src="http://www.juegos-de-casino.es/stat.php?u=234783&k=21"
border="0" alt="Casino Europa" width="60" height="12"></a></div></th>
      </tr>
    </table>
      <table width="50%" height="15%" border="2" align="center" cellpadding="3" cellspacing="3" class="pie">
      <tr>
        <th width="25%" height="15%" scope="row"><div align="center" class="Estilo23">
          <span style="font-size: 9pt">Droguería Principal: 964-20-17-18
          HORARIO: 9:00-13:30 y de 17:00-20:30 </span>
            
                
        </div></th>
        <th width="25%" height="15%" scope="row"><div align="center" class="Estilo23">
        <div align="center" class="Estilo23"><span style="font-size: 9pt">Segunda Droguería: 964-21-23-35        HORARIO: 9:00-13:30 y de 17:00-20:30</span></div></th>
      </tr>
    </table><hr>
	</div>
    </body>
	</html>

BonRouge · #2 (**permalink**) 18/04/2007, 08:30

Hay que eliminar esto:

Código:

body {
	background-image: url('fondos/fondo%20azul.jpg');
	text-align: justify;
	margin: 100px
}

Entonces cambia esto:

Código:

#contenedor {width:760px; 
	    margin-top:20px;
            margin-right:30px;
            margin-bottom:20px;
            margin-left:30px;}

a esto:

Código:

#contenedor {
width:760px;
margin:20px auto;
}

En la primera línea de todas las páginas, necesitas esto:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

Jilti · #3 (**permalink**) 20/04/2007, 10:54

Podrias poner todo el contenido de tu web en una tabla de 760 de ancho y en propiedades de la tabla que esté centrado.

currante007 · #4 (**permalink**) 18/05/2007, 09:46

Al final conseguí terminar la web. La diseñé para 800x600 y quedó bastante bien, aunque en mi resolución, 1280x960 no se ve muy grande, y por lo que imagino en una resolución mayor menos todavía, es lo que me preocupa...

JHMorales · #5 (**permalink**) 18/05/2007, 14:16

Hola:
la resolución "estandar" hoy en dia es 1024x768, son los menos los que tienen una resolución de 1280x960 para todo y pocos también los que todavía están con 800x600. Aún así si has diseñado tu página con medidas relativas no tiene porque haber problema porque el que la vea muy pequeña puede aumentar el tamaño del texto. Suerte, Jorge H.

programeitor · #6 (**permalink**) 19/05/2007, 18:18

hola

lo mejor es que utilices tantos por ciento en vex de pixeles, y al body dale margin:0 auto;

saludos