necesito unir dos imagenes... una es la que va debajo del menu... y la otra es una seccion que se va repitiendo a medida que la pagina aumenta su contenido hacia abajo... resulta que cuando la uno queda un espacio que no se como se quita.. ayudenme... gracias...
Y este es el codigo....
CSS:
Cita: @charset "utf-8";
/* CSS Document */
/*empezamos por esto, para evitar resultados extraños en distintos navegadores, y algo de estilo al texto*/
body {
background:#A1A2A6;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#666666;
text-align:center;
}
#header {
background: url(../images/top.png) no-repeat;
width:800px;
height:161px;
}
#menu {
background:url(../images/menu.png) no-repeat;
width:800px;
height:25px;
}
#menu_l {
background:url(../images/menul.png) no-repeat;
width:800px;
height:auto;
}
#cont {
background:url(../images/bg_body.png) repeat-y;
width:800px;
height:auto;
}
#footer {
background:url(../images/footer.png) no-repeat;
width:800px;
height:106px;
}
PHP:
Cita: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<link href="css/theme.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header"></div>
<div id="menu"></div>
<div id="menu_l"></div>
<div id="cont">
<p> </p>
</div>
<div id="footer"></div>
</body>
</html>