Aquí pegaré mi trabajo.
1- index.html
<div id="wrap">
<div id="body">
<div id="header">
<div id="logo"><img src="img/logo-pasche-agroindustrial.png" width="324" height="133" alt="logo pascheagroindustrial" /></div> <!--fin logo-->
<div id="logo-derecho">
<table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="200">
<!-- fwtable fwsrc="menu3-1.png" fwpage="Page 1" fwbase="menu2-1.png" fwstyle="Dreamweaver" fwdocid = "1771412637" fwnested="0" -->
<tr>
<td><img src="img/menu3-1/spacer.gif" alt="" name="undefined_4" width="25" height="1" border="0" id="undefined_4" /></td>
<td><img src="img/menu3-1/spacer.gif" alt="" name="undefined_4" width="32" height="1" border="0" id="undefined_4" /></td>
<td><img src="img/menu3-1/spacer.gif" alt="" name="undefined_4" width="36" height="1" border="0" id="undefined_4" /></td>
<td><img src="img/menu3-1/spacer.gif" alt="" name="undefined_4" width="89" height="1" border="0" id="undefined_4" /></td>
<td><img src="img/menu3-1/spacer.gif" alt="" name="undefined_4" width="18" height="1" border="0" id="undefined_4" /></td>
<td><img src="img/menu3-1/spacer.gif" alt="" name="undefined_4" width="1" height="1" border="0" id="undefined_4" /></td>
</tr>
<tr>
<td colspan="5"><img name="menu21_r1_c1_s1" src="img/menu3-1/menu2-1_r1_c1_s1.png" width="200" height="108" border="0" id="menu21_r1_c1_s1" alt="" /></td>
<td><img src="img/menu3-1/spacer.gif" alt="" name="undefined_4" width="1" height="108" border="0" id="undefined_4" /></td>
</tr>
<tr>
<td rowspan="2"><img name="menu21_r2_c1_s1" src="img/menu3-1/menu2-1_r2_c1_s1.png" width="25" height="25" border="0" id="menu21_r2_c1_s1" alt="" /></td>
<td><a href="
http://www.meteochile.cl/pronostico.php" target="_blank" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('menu21_r2_c2_s1','','img/menu3-1/menu2-1_r2_c2_s2.png',1);"><img name="menu21_r2_c2_s1" src="img/menu3-1/menu2-1_r2_c2_s1.png" width="32" height="17" border="0" id="menu21_r2_c2_s1" alt="Clima" /></a></td>
<td rowspan="2"><img name="menu21_r2_c3_s1" src="img/menu3-1/menu2-1_r2_c3_s1.png" width="36" height="25" border="0" id="menu21_r2_c3_s1" alt="" /></td>
<td><a href="
http://si3.bcentral.cl/Siete/secure/cuadros/home.aspx" target="_blank" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('menu21_r2_c4_s1','','img/menu3-1/menu2-1_r2_c4_s2.png',1);"><img name="menu21_r2_c4_s1" src="img/menu3-1/menu2-1_r2_c4_s1.png" width="89" height="17" border="0" id="menu21_r2_c4_s1" alt="Indices económicos" /></a></td>
<td rowspan="2"><img name="menu21_r2_c5_s1" src="img/menu3-1/menu2-1_r2_c5_s1.png" width="18" height="25" border="0" id="menu21_r2_c5_s1" alt="" /></td>
<td><img src="img/menu3-1/spacer.gif" alt="" name="undefined_4" width="1" height="17" border="0" id="undefined_4" /></td>
</tr>
<tr>
<td><img name="menu21_r3_c2_s1" src="img/menu3-1/menu2-1_r3_c2_s1.png" width="32" height="8" border="0" id="menu21_r3_c2_s1" alt="" /></td>
<td><img name="menu21_r3_c4_s1" src="img/menu3-1/menu2-1_r3_c4_s1.png" width="89" height="8" border="0" id="menu21_r3_c4_s1" alt="" /></td>
<td><img src="img/menu3-1/spacer.gif" alt="" name="undefined_4" width="1" height="8" border="0" id="undefined_4" /></td>
</tr>
</table>
<div id="logo-derecho-loatendemos"></div> <!--fin logo lo-atenderemos-->
</div> <!--fin logo-derecho-->
</div> <!--fin header-->
<div id="menu">
<table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="960">
<!-- fwtable fwsrc="menu1.png" fwpage="Page 1" fwbase="menu1.png" fwstyle="Dreamweaver" fwdocid = "963383012" fwnested="0" -->
<tr>
<td><img src="img/menu/spacer.gif" alt="" name="undefined_2" width="88" height="1" border="0" id="undefined_2" /></td>
<td><img src="img/menu/spacer.gif" alt="" name="undefined_2" width="139" height="1" border="0" id="undefined_2" /></td>
<td><img src="img/menu/spacer.gif" alt="" name="undefined_2" width="89" height="1" border="0" id="undefined_2" /></td>
<td><img src="img/menu/spacer.gif" alt="" name="undefined_2" width="98" height="1" border="0" id="undefined_2" /></td>
<td><img src="img/menu/spacer.gif" alt="" name="undefined_2" width="546" height="1" border="0" id="undefined_2" /></td>
<td><img src="img/menu/spacer.gif" alt="" name="undefined_2" width="1" height="1" border="0" id="undefined_2" /></td>
</tr>
<tr>
<td><a href="javascript:;" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('menu1_r1_c1_s1','','img/menu/menu1_r1_c1_s2.png',1);"><img name="menu1_r1_c1_s1" src="img/menu/menu1_r1_c1_s1.png" width="88" height="48" border="0" id="menu1_r1_c1_s1" alt="" /></a></td>
<td><a href="javascript:;" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('menu1_r1_c2_s1','','img/menu/menu1_r1_c2_s2.png',1);"><img name="menu1_r1_c2_s1" src="img/menu/menu1_r1_c2_s1.png" width="139" height="48" border="0" id="menu1_r1_c2_s1" alt="" /></a></td>
<td><a href="javascript:;" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('menu1_r1_c3_s1','','img/menu/menu1_r1_c3_s2.png',1);"><img name="menu1_r1_c3_s1" src="img/menu/menu1_r1_c3_s1.png" width="89" height="48" border="0" id="menu1_r1_c3_s1" alt="" /></a></td>
<td><a href="javascript:;" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('menu1_r1_c4_s1','','img/menu/menu1_r1_c4_s2.png',1);"><img name="menu1_r1_c4_s1" src="img/menu/menu1_r1_c4_s1.png" width="98" height="48" border="0" id="menu1_r1_c4_s1" alt="" /></a></td>
<td><img name="menu1_r1_c5_s1" src="img/menu/menu1_r1_c5_s1.png" width="546" height="48" border="0" id="menu1_r1_c5_s1" alt="" /></td>
<td><img src="img/menu/spacer.gif" alt="" name="undefined_2" width="1" height="48" border="0" id="undefined_2" /></td>
</tr>
</table>
</div><!--fin menu-->
<div id="header2">
<div id="header2-menu">
<div id="FWTableContainer2091166889">
<table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="266">
<!-- fwtable fwsrc="menu2.png" fwpage="Page 1" fwbase="menu2.png" fwstyle="Dreamweaver" fwdocid = "2091166889" fwnested="0" -->
<tr>
<td><img src="img/menu2/spacer.gif" alt="" name="undefined_3" width="265" height="1" border="0" id="undefined_3" /></td>
<td><img src="img/menu2/spacer.gif" alt="" name="undefined_3" width="1" height="1" border="0" id="undefined_3" /></td>
<td><img src="img/menu2/spacer.gif" alt="" name="undefined_3" width="1" height="1" border="0" id="undefined_3" /></td>
</tr>
<tr>
<td><a href="javascript:;" onmouseout="MM_swapImgRestore();MM_menuStartTimeout(1000)" onmouseover="MM_menuShowMenu('MMMenuContainer1113120532_0', 'MMMenu1113120532_0',265,0,'menu2_r1_c1_s1');MM_swapImage('menu2_r1_c1_s1','','img/menu2/menu2_r1_c1_s2.png',1);"><img name="menu2_r1_c1_s1" src="img/menu2/menu2_r1_c1_s1.png" width="265" height="61" border="0" id="menu2_r1_c1_s1" alt="" /></a></td>
<td rowspan="5"><img name="menu2_r1_c2_s1" src="img/menu2/menu2_r1_c2_s1.png" width="1" height="305" border="0" id="menu2_r1_c2_s1" alt="" /></td>
<td><img src="img/menu2/spacer.gif" alt="" name="undefined_3" width="1" height="61" border="0" id="undefined_3" /></td>
</tr>
<tr>
<td><a href="javascript:;" onmouseout="MM_swapImgRestore();MM_menuStartTimeout(1000)" onmouseover="MM_menuShowMenu('MMMenuContainer1113121723_1', 'MMMenu1113121723_1',265,0,'menu2_r2_c1_s1');MM_swapImage('menu2_r2_c1_s1','','img/menu2/menu2_r2_c1_s2.png',1);"><img name="menu2_r2_c1_s1" src="img/menu2/menu2_r2_c1_s1.png" width="265" height="61" border="0" id="menu2_r2_c1_s1" alt="" /></a></td>
<td><img src="img/menu2/spacer.gif" alt="" name="undefined_3" width="1" height="61" border="0" id="undefined_3" /></td>
</tr>
<tr>
<td><a href="javascript:;" onmouseout="MM_swapImgRestore();MM_menuStartTimeout(1000)" onmouseover="MM_menuShowMenu('MMMenuContainer1113121756_2', 'MMMenu1113121756_2',265,0,'menu2_r3_c1_s1');MM_swapImage('menu2_r3_c1_s1','','img/menu2/menu2_r3_c1_s2.png',1);"><img name="menu2_r3_c1_s1" src="img/menu2/menu2_r3_c1_s1.png" width="265" height="61" border="0" id="menu2_r3_c1_s1" alt="" /></a></td>
<td><img src="img/menu2/spacer.gif" alt="" name="undefined_3" width="1" height="61" border="0" id="undefined_3" /></td>
</tr>
<tr>
<td><a href="javascript:;" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('menu2_r4_c1_s1','','img/menu2/menu2_r4_c1_s2.png',1);"><img name="menu2_r4_c1_s1" src="img/menu2/menu2_r4_c1_s1.png" width="265" height="61" border="0" id="menu2_r4_c1_s1" alt="" /></a></td>
<td><img src="img/menu2/spacer.gif" alt="" name="undefined_3" width="1" height="61" border="0" id="undefined_3" /></td>
</tr>
<tr>
<td><a href="javascript:;" onmouseout="MM_swapImgRestore();MM_menuStartTimeout(1000)" onmouseover="MM_menuShowMenu('MMMenuContainer1113121822_3', 'MMMenu1113121822_3',265,0,'menu2_r5_c1_s1');MM_swapImage('menu2_r5_c1_s1','','img/menu2/menu2_r5_c1_s2.png',1);"><img name="menu2_r5_c1_s1" src="img/menu2/menu2_r5_c1_s1.png" width="265" height="61" border="0" id="menu2_r5_c1_s1" alt="" /></a></td>
<td><img src="img/menu2/spacer.gif" alt="" name="undefined_3" width="1" height="61" border="0" id="undefined_3" /></td>
</tr>
</table>
<div id="MMMenuContainer1113120532_0">
<div id="MMMenu1113120532_0" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"> <a href="
www.nva.cl" target="_self" id="MMMenu1113120532_0_Item_0" class="MMMIFVStyleMMMenu1113120532_0" onmouseover="MM_menuOverMenuItem('MMMenu1113120532_0');"> NVA </a> <a href="
www.guano.cl" target="_self" id="MMMenu1113120532_0_Item_1" class="MMMIVStyleMMMenu1113120532_0" onmouseover="MM_menuOverMenuItem('MMMenu1113120532_0');"> GUANO </a> <a href="
www.pangermex.cl" target="_self" id="MMMenu1113120532_0_Item_2" class="MMMIVStyleMMMenu1113120532_0" onmouseover="MM_menuOverMenuItem('MMMenu1113120532_0');"> PANGERMEX </a> <a href="
www.mabruk.cl" target="_self" id="MMMenu1113120532_0_Item_3" class="MMMIVStyleMMMenu1113120532_0" onmouseover="MM_menuOverMenuItem('MMMenu1113120532_0');"> MABRUK </a> <a href="
www.rotam.cl" target="_self" id="MMMenu1113120532_0_Item_4" class="MMMIVStyleMMMenu1113120532_0" onmouseover="MM_menuOverMenuItem('MMMenu1113120532_0');"> ROTAM </a> <a href="
www.avancebiotechnologies.cl" target="_self" id="MMMenu1113120532_0_Item_5" class="MMMIVStyleMMMenu1113120532_0" onmouseover="MM_menuOverMenuItem('MMMenu1113120532_0');"> AVANCE BIOTECHNOLOGIES </a> <a href="
www.elftotalchile.cl" target="_self" id="MMMenu1113120532_0_Item_6" class="MMMIVStyleMMMenu1113120532_0" onmouseover="MM_menuOverMenuItem('MMMenu1113120532_0');"> ELF TOTAL CHILE </a> </div>
</div>
<div id="MMMenuContainer1113121723_1">
<div id="MMMenu1113121723_1" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"> <a href="
www.paceinternational.cl" target="_self" id="MMMenu1113121723_1_Item_0" class="MMMIFVStyleMMMenu1113121723_1" onmouseover="MM_menuOverMenuItem('MMMenu1113121723_1');"> PACE INTERNATIONAL </a> </div>
</div>
<div id="MMMenuContainer1113121756_2">
<div id="MMMenu1113121756_2" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"> <a href="
www.diversey.cl" target="_self" id="MMMenu1113121756_2_Item_0" class="MMMIFVStyleMMMenu1113121756_2" onmouseover="MM_menuOverMenuItem('MMMenu1113121756_2');"> DIVERSEY </a> <a href="
www.cloro.cl" target="_self" id="MMMenu1113121756_2_Item_1" class="MMMIVStyleMMMenu1113121756_2" onmouseover="MM_menuOverMenuItem('MMMenu1113121756_2');"> CLORO </a> </div>
</div>
<div id="MMMenuContainer1113121822_3">
<div id="MMMenu1113121822_3" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"> <a href="
www.bloqueadorsolar.cl" target="_self" id="MMMenu1113121822_3_Item_0" class="MMMIFVStyleMMMenu1113121822_3" onmouseover="MM_menuOverMenuItem('MMMenu1113121822_3');"> BLOQUEADOR SOLAR </a> </div>
</div>
</div>
</div> <!--fin header2-menu-->
</div><!--fin header2-->
<div id="header3">
<div id="header3-menu">
</div><!-- fin header3-menu -->
<div id="sombra2"></div> <!--fin sombra 2-->
</div> <!--fin header3-->
<div id="sombra1"></div> <!--fin sombra 1-->
</div><!--fin body-->
<div id="linea"></div><!--fin linea gruesa-->
<div id="footer">
<div id="linea2"></div> <!--fin linea punteada-->
<div id="footer-body">
<div class="footer" id="footer2"> Pasche Agroindustrial | Fono:
(71) 2613 050 | Fax: (71) 2613 053 | Dirección: 5 Norte 1785, Talca -
Chile <br />
Copyright © 2013 Inc. Todos los derechos reservados.</div> <!--
fin footer PascheAgroindustrial-->
<div class="footer" id="footer-emprende"> Diseñado por: César
Encina M. </div> <!--fin footer-
emprendeymejora-->
</div> <!--fin footer-body-->
</div><!--fin footer-->
</div><!--fin wrap-->
</body>
</html>
------------------------------------------------
Estos son los DIVS
@charset "utf-8";
/* CSS Document */
#wrap {
width: 100%;
margin-right: auto;
margin-left: auto;
float: left;
background-attachment: fixed;
background-position: center center;
}
#body {
height: auto;
width: 960px;
margin-right: auto;
margin-left: auto;
padding: 0px;
clear: both;
}
#header {
height: 167px;
width: 960px;
}
#logo {
float: left;
height: 133px;
width: 324px;
margin-top: 25px;
margin-left: 8px;
}
#logo-derecho {
float: right;
height: 133px;
width: 200px;
margin-top: 25px;
margin-right: 10px;
background-color: #FFF;
box-shadow: 0px 1px 2px #E4E4E4;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #E4E4E4;
border-bottom-color: #E4E4E4;
border-left-color: #E4E4E4;
color: #3F7C6D;
/* padding: 0px 20px 10px;*/
}
#logo-derecho-loatendemos {
height: 35px;
width: 172px;
position: relative;
left: -8px;
top: -123px;
background-image: url(../img/logo-atendemos-2.png);
}
#menu {
background-color: #F2F0F1;
height: 48px;
width: 960px;
}
#header2 {
background-color: #FFF;
height: 327px;
width: 288px;
margin-top: 18px;
float: left;
}
#header2-menu {
background-color: #396;
height: 306px;
width: 266px;
margin: 11px;
}
#header3 {
background-color: #FFF;
float: right;
height: 327px;
width: 650px;
margin-top: 18px;
}
#header3-menu {
background-color: #396;
float: right;
height: 306px;
width: 627px;
margin: 11px;
}
#linea {
width: 100%;
height: 7px;
background-image: url(../img/linea.png);
background-repeat: repeat-x;
float: left;
}
#linea2 {
height: 1px;
width: auto;
background-image: url(../img/linea2.png)
background-repeat: repeat-x;
background-image: url(../img/linea2.png);
background-repeat: repeat-x;
margin-top: 3px;
}
#footer {
background-color: #066;
width: 100%;
height: auto;
clear: both;
float: left;
}
#footer-body {
background-color: #6FC;
height: auto;
width: 960px;
margin-right: auto;
margin-left: auto;
}
#footer2 {
width: 711px;
background-color: #005000;
margin-top: 8px;
height: auto;
float: left;
}
#footer-emprende {
background-color: #005000;
width: 249px;
margin-top: 8px;
float: left;
}
#nuestra-empresa {
float: left;
height: 500px;
width: 960px;
margin-top: 20px;
background-color: #FFF;
}
------------------------------
3- CSS
@charset "utf-8";
/* CSS Document */
.shadows {
box-shadow: 0px 0px 8px #999;
-o-box-shadow: 0px 0px 8px #999;
-ms-box-shadow: 0px 0px 8px #999;
-moz-box-shadow: 0px 0px 8px #999;
-khtml-box-shadow: 0px 0px 8px #999;
-webkit-box-shadow: 0px 0px 8px #999;
}
.footer {
color: #B2D7B4;
font-size: 14px;
font-family: "Myriad Web Pro";
line-height: 0.45cm;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Myriad Pro Cond", "Myriad Pro Light", "Myriad Web Pro", "Myriad Pro";
}
h1 {
font-family: "Myriad Pro Cond";
font-size: 37px;
color: #060;
}
h2 {
font-family: "Myriad Pro Cond";
font-size: 30px;
color: #060;
}
h3 {
font-family: "Myriad Pro Cond";
font-size: 15px;
color: #0C0;
}
h4 {
font-family: "Myriad Pro Cond";
font-size: 35px;
color: #060;
}
h5 {
font-family: "Myriad Pro";
font-size: 21px;
font-weight: bold;
color: #030;
}
#sombra1 {
background-image: url(../img/sombra_horizontal_menu.png);
height: 25px;
width: 288px;
float: left;
}
#sombra2 {
background-image: url(../img/sombra_horizontal_menu2.png);
height: 25px;
width: 650px;
float: right;
}
--------------------------------------------
Este es un archivo RESET. que lo agregué.
@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
/* vertical-align: baseline;*/
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
background-color: #F6F6F6;
height: auto;
width: auto;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
----------------------------------------------------
eso sería. Agradecería mucho si se pudiera arreglar este detalle. estuve todo el día de hoy cambiando variables, pero no pasa nada.
Adjuntaré una foto para que vean lo que pasa con el Footer vs Body cuando achico el navegador.
y cuando hago click en F11, se me visualiza la página así. con un espacio blanco abajo de toda la página. :/
Muchos saludos!
--
