Problema con imagenes y div...

Kasper_901 · #1 (**permalink**) 27/05/2008, 20:31

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>

tunait · #2 (**permalink**) 01/06/2008, 03:44

Vamos al foro de CSS a ver si te dan una mano

tema trasladado desde Web general

flai · #3 (**permalink**) 01/06/2008, 05:32

Puede deberse a dos cosas

1. Que hayas puesto el width más ancho de lo que es.
2. Que el ancho del div de separación sea muy pequeño. En este caso IE deja un ancho mínimo por fuerza que es el equivalente al tamaño de letra que cabe dentro. Para solventarlo deberías definir dentro del div que no se hace tan pequeño como tu quieres algo como font-size:1px.

Espero que te sirva de ayuda.

Un saludo.