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 :( ?