Foros del Web - Ver Mensaje Individual

ArturoGallegos · #2 (**permalink**) 25/08/2010, 11:07

podrías empezar por crear un código valido, repasa las reglas css y html

tu codigo deberia ser

Código HTML:

Ver original<!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" xml:lang="en" lang="en">
<head>
<title> Prueba posicionamiento con cajas</title>
 
<style type = "text/css">
 
.cajapadre{width: 300px; height: 300px; border: 2px solid black;}
.cajapadre2{width: 200px; height: 200px; border: 2px solid black; position: absolute; top:100px;}
.caja1{width:50px; height: 50px; border: 2px solid pink; margin: 5px; float: left;}
.caja2{width:50px; height: 50px; border: 2px solid pink; margin: 5px; float: left;}
.caja3{width:50px; height: 50px; border: 2px solid pink; margin: 5px;  float: left;}
 
</style>
</head>
 
<body>
 
<div class="cajapadre">
    <div class="caja1">Caja 1</div>
    <div class="cajapadre2">
            <div class="caja2">Caja 2</div>
            <div class="caja3">Caja 3</div>
    </div>
</div>
 
</body>
</html>

nota: tu problema es por
.cajapadre2{width: 200px; height: 200px; border: 2px solid black; position: relative; top:100px;}

debe ser absolute