Problema con un DIV

p47ch · #1 (**permalink**) 22/01/2009, 14:10

Hola a todos, espero puedan ayudarme. estoy tratando de meter una imagen a un div pero con dreamweaver sale un texto para identificar el div claro, pero resulta que si quito el texto se borra el div :(

Código HTML:

<!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>pagina</title>
<link href="css/stilo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="contenedor">
  <div class="site">
    <div class="logo"></div>
    <div class="botones"></div>
    <div class="barra">SI borro esto se borra el div :(</div>
  </div>
</div>

</body>
</html>

En CSS tengo lo sig.

Código:

@charset "utf-8";
/* CSS Document */

body{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
}

.contenedor {
	background-color: #CCC;
	height: auto;
	width: 100%;
}
.site {
	height: 350px;
	width: 850px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #999;
}
.logo {
	float: left;
	height: 60px;
	width: 170px;
	margin-top: 25px;
	background-image: url(../img/logo.jpg);
}
.botones {
	float: right;
	height: 85px;
	width: 500px;
}
.barra {
	margin-top: 100px;
	background-image: url(../img/barra_arriba.jpg);
	background-repeat: repeat-x;
}

Alguien sabe por que se borra :( ?

willyfc · #2 (**permalink**) 22/01/2009, 17:29

se borra por que la clase barra no tiene medidas