Código HTML:
#Tabla_01 { position:absolute; left:0px; top:0px; width:701px; height:758px; } #logo{ position:relative; left:0px; top:0px; width:397px; height:61px; } #buscar { position:absolute; left:397px; top:0px; width:304px; height:61px; } #menusup { position:absolute; left:0px; top:61px; width:242px; height:235px; } #menusupder { position:absolute; left:491px; top:61px; width:210px; height:103px; } #titulo { position:absolute; left:0px; top:296px; width:242px; height:12px; } #menuleft { position:absolute; left:0px; top:311px; width:233px; } #content { position:absolute; float:left; left:233px; top:311px; width:468px; } #pie { position:relative; clear : both; left:0px; width:701px; height:66px; }
Código HTML:
<div id="Tabla_01"> <div id="logo"> <img src="imagenes/index_01.jpg" width="397" height="61" alt="" /> </div> <div id="buscar"> <img src="imagenes/index_02.jpg" width="304" height="61" alt="" /> </div> <div id="menusup"> <img src="imagenes/index_03.jpg" width="242" height="235" alt="" /> </div> <div id="menusupder"> <img src="imagenes/index_05.jpg" width="210" height="103" alt="" /> </div> <div id="titulo"> <img src="imagenes/index_07.jpg" width="242" height="12" alt="" /> </div> <div id="menuleft"> <img src="imagenes/index_10.jpg" width="233" height="377" alt="" /> </div> <div id="content"> contenido </div> <div id="pie"> <img src="imagenes/index_13.jpg" width="701" height="66" alt="" /> </div> </div>