Web descuadrada

Voy a explicar toda la información, primero, puse una imagen como fondo (que es esta: http://julianmcmahon4e.webcindario.com/Prototipoweb.jpg), cuando la puse como fondo, la subí para ver como quedaba, y vi que estaba a la izquierda, es decir, que había un espacio a la derecha, así que busqué como centrarlo, y lo conseguí, pero luego, al intentar escribir, poner fotos, o cualquier cosa encima, queda mal, me refiero:
cuando escribo algo (con tabla para que se escriba donde quiero), en el dreamweaber queda bien (os dejo una impresión de pantalla: http://i36.tinypic.com/2m6r2nt.jpg), pero, cuando lo subo, se ve así: http://julianmcmahon4e.webcindario.com/index0333.html

si lo pongo entre <center> y </center>, se centra, pero no se ponde donde debería, si no en el centro, por lo tanto, tampoco queda bien.

no sé sobre html, y sé que la clave está ahí, si alguien me puede decir que tengo que poner y donde, se lo agradecería!!

por cierto, os pongo el código (en cursiva) que hay por el momento por si os sirve de algo:




<!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=iso-8859-1" />
<title>Julian McMahon 4ever</title>
<style type="text/css">
<!--
body,td,th {
font-family: harrison;
color: #00FFFF;
}
body {
background-image: url(Prototipoweb.jpg);
background-repeat: no-repeat;
background-color: #000099;
background-position: center;
background-position:top;

}
.Estilo1 {font-family: "Comic Sans MS"}
-->
</style>

<body>


</p>


</p>


</p>
<blockquote>
<table width="472" height="152" border="0">
<tr>
<td width="117"><div align="center">[contenido no disponible]</div></td>
<td width="111"><div align="center">[contenido no disponible]</div></td>
<td width="118"><div align="center">[contenido no disponible]</div></td>
<td width="108"><div align="center">[contenido no disponible]</div></td>
</tr>
<tr>
<td><div align="center">[contenido no disponible]</div></td>
<td><div align="center">[contenido no disponible]</div></td>
<td><div align="center">[contenido no disponible]</div></td>
<td><div align="center">[contenido no disponible]</div></td>
</tr>
</table>
</blockquote>


</p>
<table width="724" height="365" border="0">
<tr>
<td width="34"></td>
<td width="423"><p align="center" class="Estilo1">Hola, bienvenido/a a Julian McMahon 4ever, web espa&ntilde;ola no oficial dedicada al actor Julian McMahon, donde podr&aacute;s encontrar informaci&oacute;n de inter&eacute;s, noticias recientes del actor, una fant&aacute;stica galer&iacute;a con fotograf&iacute;as, un foro, un chat, etc. Inlcluso te puedes afiliar a nuestra web (o al foro), pero, para todo esto habr&aacute; que esperar un poquito, porque la web actualmente est&aacute; en construcci&oacute;n.</p>
<p align="center" class="Estilo1">[contenido no disponible]</p></td>
<td width="62"></td>
<td width="187"></td>
</tr>
</table>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>
</body>

</html>




Gracias!
[imagen no disponible]
Holaa!

Primero, te agradecemos que nos proporciones esa información jeje es más fácil asi :wink:

Bueno, te digo que la mejor manera de colocar elementos de la web donde vos quieras, es la de usar un recurso llamado margin

Es una porcion de codigo HTML con la que vos le indicas a la imagen exactamente donde quieres posicionarla, por medio de los px (pixeles)

en esta página te lo explica un poco mejor :wink:

http://www.comocreartuweb.com/html-kit-tutorial/tutorial-html-kit-l…

Saludos, alguna duda no temas en preguntar jeje :wink:
tambien puedes añadir una columna más a la izquierda ajustandola en tamaño para que se vea todo dentro de la imagen.

<td width="117"></td> ponle el tamaño que necesites para ajustarla a la imagen.