Correcto Centrado de una Pagina en FF & IE

NopalStudio · #1 (**permalink**) 01/10/2007, 09:30

Hola Foreros;

Les comparto el como centrar una pagina web del tamaño que sea en width y heigth con el uso de una tabla, espero y les sirva;

Código:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body bottommargin="0" leftmargin="0" marginheight="0" marginwidth="0" rightmargin="0" topmargin="0">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" id="NopalTabla">
  <tr>
    <td width="10%" height="10%">&nbsp;</td>
    <td width="80%" height="10%">&nbsp;</td>
    <td width="10%" height="10%">&nbsp;</td>
  </tr>
  <tr>
    <td width="10%" height="80%">&nbsp;</td>
    <td width="80%" height="80%" align="center" valign="middle">
<script language="javascript" src="NopalScript.js" type="text/javascript"></script></td>
    <td width="10%" height="80%">&nbsp;</td>
  </tr>
  <tr>
    <td width="10%" height="10%">&nbsp;</td>
    <td width="80%" height="10%">&nbsp;</td>
    <td width="10%" height="10%">&nbsp;</td>
  </tr>
</table>
</body>
</html>

Como se daran cuenta hay una linea

Código:

<script language="javascript" src="NopalScript.js" type="text/javascript"></script>

esta linea es un archivo extra de tipo JavaScript para que en Internet Explorer no tengan que hacer un clic de mas para activar el contenido, tambien les pongo el codigo de este JavaScript:

Código:

// JavaScript Nopal-Document
document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="655" height="400">')
document.write('<param name="movie" value="AQUI-TU-ARCHIVO-DE-FLASH.swf" />')
document.write('<param name="quality" value="high" />')
document.write('<param name="wmode" value="transparent">')
document.write('<embed src="AQUI-TU-ARCHIVO-DE-FLASH.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="AQUI_EL_TAMAÑO_DEL_ANCHO" height="AQUI_EL_TAMAÑO_EN_ALTO"></embed>')
document.write('</object>')

Espero y les sirva, cualquier duda o comentario estoy a sus ordenes, me despido, hace mucho tiempo que no entraba, un excelente diseño de la web.

Nopal Studio
"Lo Dificil... Lo Hacemos Facil"

jordifreek · #2 (**permalink**) 02/10/2007, 09:44

Las tablas estan desfasadas amigo... lo ideal hoy en dia es utilizar capas.

Un saludo