Ver Mensaje Individual
  #4 (permalink)  
Antiguo 10/05/2006, 07:18
Avatar de Artdeco
Artdeco
 
Fecha de Ingreso: abril-2005
Ubicación: Barcelona
Mensajes: 165
Antigüedad: 19 años
Puntos: 1
Cita:
Iniciado por eletverde
Diseñar paginas sin utilizar tablas... No entiendo, entonces por que la mayoria las usa? Entonces como haces para que una web ideada para 800x600 se adapte a la resolución 1024x768 y quede centrada? y sin hacer una página para cada resolución.
Usar tablas está muy desfasado. Para hacer esto:

Código:
<table width="300" height="100" cellpadding="0" cellspacing="0">
  <tr>
    <td>Mi texto </td>
  </tr>
</table>

Haz esto:

Código:
<div style="width:300px;height:100px;">Mi texto</div>
y acabas antes, quedas mejor, usas menos código (más velocidad de carga de la página) y te complicas menos la vida. Los div (capas) son una buena alternativa, el usuario Mickel de este foro te lo explica muy bien aquí: http://www.mickel.biz/centering.html

Lo que la mayoría usa a ti te tiene que dar igual. Haz las cosas bien y si la mayoría se tira por un barranco, ¿tú vas detrás? ¿No? Pues ya está. Es como la mayoría, que usa ese despropósito sectario llamado Internet Explorer. La mayoría lo usa, sí, pero no es un navegador adecuado.

¿Que cómo se hace una página que se adapte a varias resoluciones y que quede centrada? Facilísimo, y en HTML Strict 1.0, mira:

Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>T&iacute;tulo de tu p&aacute;gina</title>
<style type="text/css">body{text-align:center;margin:auto;width:auto;border:0;padding:0;}</style>
</head>
<body>
<div style="width:100%;text-align:left;"></div>
</body>
</html>
Voilá.