Buen dìa a tod@s,
Tengo un problema con una pagina web lo que pasa es lo siguiente:
La muestro en la pantalla y me sale bien pero cuando haga la ventana mas chica me la desordena, el header me lo pone a la izq y el contenido lo deja en el centro, como puedo hacer que se ve el header y el contenido en el centro?
Les dejo mi codigo del html y los css.....Saludos.
css:
#logo{background-image: url(http://alltech.mx/maka/imagenes/logoorg.png);
background-repeat:no-repeat;
/*margin:5px;
padding:5px;*/
width:1022px;
height:193.3px;
margin-left:150px;
}
#menu ul li {
display: inline;
padding: 2px 7px; /*Separar el texto*/
margin:5px; /* Separar los botones */
/*background-color:#E4E4E4; Color de fondo */
color: #999999;
font-family:Arial;
font-size:16.14px;
}
#menu ul li:hover {
/*background-color:#CCCCCC; Color de fondo sobre el boton */
cursor: pointer; /* cambiar el aspecto del puntero */
color:#660033
}
html:
<table border="0" width="100%" align="center">
<!--<tr><td><img src="http://alltech.mx/maka/imagenes/logo.png" /><img src="http://alltech.mx/maka/imagenes/bgfooter.png" align="top"/></td></tr>-->
<tr><td>
<div id="logo"></div></td>
<!--<td><div id="header"></div></td>--></tr>
<div id="menutabla">
<!--<table border="0" align="center" width="100%">
<tr><td>-->
<div id="menu" align="right">
<ul>
<li><a href="/maka/index.html">INICIO</a></li>
<li>MAKA</li>
<li>NOTICIAS</li>
<li><a href="/maka/catalogo.html">CATALOGOS</a></li>
<li>TIENDAS</li>
</ul>
<!--</td></tr>
<tr><td>-->
<div id="label"> Maka nace del compromiso del DIF Querétaro de apoyar a la economia de las artesanas queretanas y a sus familias.
</div>
<!--</td></tr>
</table>-->
</div>
<tr> <td>
<div class="content">
<!--<h1>DIF</h1>
<h2>Maka</h2>-->
<div id="hs_container" class="hs_container">
<div class="hs_area hs_area1">
Contenido......
</div>
</td>
</tr>
<tr> <td class="footertext">
<center></center>
</td>
</tr>
<tr><td><center><img src="http://alltech.mx/maka/imagenes/bgfooter.png" alt="footer" /></center></td>
</tr>
</table>