Hola a todos, soy nuevo en todo esto y estuve mirando por todos los sitios y no consigo centrar verticalmente la imagen.
Les paso la pagina para que me digan como hacer.
El tamaño de la imagen es de 801 x 608 px. y quisiera centrarla dentro de Main_content
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<HTML>
<HEAD>
<TITLE> hoja prueba</TITLE>
<STYLE TYPE="TEXT/CSS">
<!--
BODY {
BACKGROUND-COLOR: ORANGE;
MARGIN-TOP:0PX;
}
#WRAPPER {
WIDTH: 1000PX;
HEIGHT:1000PX;
MARGIN-LEFT: AUTO;
MARGIN-RIGHT: AUTO;
BACKGROUND-COLOR: BLACK;
}
#WRAPPER #HEADER {
WITDH: 1000PX;
HEIGHT: 150PX;
BACKGROUND-COLOR: RED;
BACKGROUND-REPEAT: NO-REPEAT;
}
#WRAPPER #MENU {
WITDH: 100%;
HEIGHT: 50PX;
BACKGROUND-COLOR:#b6d9fb;
BORDER-TOP: SOLID 6PX;
}
#WRAPPER #MAIN_CONTENT {
WITDH: 100%;
HEIGHT: 769PX;
BACKGROUND-COLOR: WHITE;
TEXT-ALIGN:CENTER;
}
#WRAPPER #FOOTER {
WITDH: 100%;
HEIGHT: 25PX;
BACKGROUND-COLOR:#b6d9fb;
}
-->
</STYLE>
</HEAD>
<BODY>
<DIV ID="WRAPPER">
<DIV ID="HEADER">
</DIV> <!-- HEADER -->
<DIV ID="MENU">
</DIV> <!-- MENU -->
<DIV ID="MAIN_CONTENT">
<img src="IMAGENES/MAIN_CONTENT1.JPG"></div>
</DIV> <!-- MAIN_CONTENT -->
<DIV ID="FOOTER">
</DIV> <!-- FOOTER -->
</DIV> <!-- WRAPPER-->
</BODY>
</HTML>