Mi div no permanece dentro de mi contenedor div

Tengo tres divs y les estoy dando posicionamiento absoluto. Sin embargo, no se quedan dentro de mi contenedor div.

Aquí está el código:

<body >
    <div id="container">
        <div id="col1"> testing one</div>
        <div id="col2"> testing two</div>
        <div id="col3"> testing three</div>
        <br/><p/>ksjdlfkjsldkjfl;s

Aquí está el CSS para mis tres divs y mi contenedor:

div#container {
    position:reletive;
    border-spacing: 10px;
    margin: 100px 80px auto;
    padding: 0  100px10px;
    background-color: #EEEEEE;
    width: 800px;
     -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    border: 1px solid;
}

div#col1{
    position:absolute;
    float: left;
    left:0;
    width:220px;
    background-color :red;
}

div#col2{
    position:absolute;
    float: left;
    left:220px;
    width:220px;
    background-color :yellow;
    padding: 10px auto ;
}

div#col3{
    position:absolute;
    float: left;
    left:500px;
    width:100px;
    background-color :green;
    padding: 10px auto;
}

preguntado el 04 de julio de 12 a las 01:07

div#container.position tiene un error ortográfico. posición: relativa; posicionar: relativo; -

1 Respuestas

Creo que, en primer lugar, la posición del contenedor div debería ser "relativa", no "relativa". En segundo lugar, creo que debería usar la posición "relativa" en lugar de "absoluta".

Respondido 04 Jul 12, 02:07

¿cual es la diferencia entre absoluto y relativo? - benji_r

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.