div dentro de otro div

chwc · #1 (**permalink**) 06/07/2009, 14:09

hola, tengo el siguiente codigo:

Código CSS:

Ver original#texto{
    background: url('../datos/texto.png') repeat-y;
    width:960px;
    height:auto; 
    padding: 0 12px;
    margin:0 auto;
    position:relative;
}
#datos{
background: url('../datos/datos.png') no-repeat;
width:240px;
height:340px; 
display:inline; float:right;
padding:20px 0px 0 30px;
}

Código HTML:

Ver original<div id="texto">
aqui va el<p>textoooo<div id="datos">div datos</div>
</div>

pero en vez de mostrarme un div con el div datos adentro, me muestra primero el div texto, y luego el div datos (separados)

les dejo el zip completo:

aqui

saludos :-p

kseso? · #2 (**permalink**) 06/07/2009, 14:20

A ver si es esto lo que quieres hacer:

Código html:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
<head>
<title>Kseso? jugando con css </title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<style type="text/css">
* {margin:0;padding:0; border:0; position: relative;}
#texto{
    background: #cdcdcd;
    width:960px;
    height:auto; 
    padding: 0 12px;
    margin:0 auto;
    position:relative;
    overflow:hidden;
}
#datos{
background: #555;
width:240px;
height:340px; 
display:inline;
float:right;
padding:20px 0px 0 30px;
}
</style>
</head>
<body>
<div id="texto">
<div id="datos">div datos</div>
<p>aqui va el textoooo</p>
</div>
</body>
</html>

Si fuese eso y no encuentras las dos diferencias, ya nos dirás
Un saludo

chwc · #3 (**permalink**) 06/07/2009, 15:23

gracias kseso?

me soluciono el problema!!!!

Solucionado