quitar margen en blanco de la pagina

[saraalvarezgomez]

Hola! Lo primero pedir disculpas por situar este tema aquí porque no sé donde debería ir.

Tengo un pequeño problema, tengo más bien poca idea de diseñar y subir páginas web (no tengo ni idea jajaja), pero conseguí tras muchos problemas diseñarla y subirla.

El problema es que cuando estoy en Dreamweaver y le doy a vista previa en el explorador pues se ve perfectamente donde coloqué yo cada elemento y cada imagen. Pero al subir los archivos debo de hacer algo mal porque me aparece todo mucho más abajo, sobretodo la imagen principal, y el pie de pagina me aparece al lado izquierdo.

Como no tengo ni idea, os dejo aquí la página y los codigos de estilo que tengo:

http://www.saraalvarezgomez.com

y el codigo para toda la pagina:


/*
Hoja de Estilo CSS

*/

* { padding: 0; margin: 0; }

body {
topmargin="0" bgcolor="#FFFFFF"
font-family: Lucida Console;
font-size: 13px;
width: 200px;
height: 200px;
}
#exterior {
margin: 200px; auto;
width: 1400px;

}
#columnaizda {
float: left;
color: #333;
background: #FFFFFF;
margin: 0px 0px 0px 0px;
padding: 10px;
height: 350px;
width: 150px;
}
#columnadcha {
float: rigt;
color: #333;
background: #FFFFFF;
margin: 0px 0px 0px 0px;
padding: 10px;
height: 350px;
width: 150px;
display: inline;
}


No sé si estoy preguntando una tontería o si esto tiene solución con los códigos, pero muchas gracias por intentarlo aunque sea.

abrrrazos!