Como alinear estos divs

Citar

Escrito el 13 Jun 2011 09:48 pm

Que tal , alguien pudiera ayudarme para alinear unos divs?... la idea es la siguiente:

Uploaded with ImageShack.us

Necesito alinear el div 1 al margen del div 2, el codigo css es:

Código :

body  {
   text-align:center;
   font:10px Verdana, Arial, Helvetica, sans-serif;
   }
   
#main {
   width:80%;
   margin:0 auto;
   height:720px;
   text-align:left;
   border:2px solid #D3D3D3;
   }
#header {
   width:100%;
   margin:0 auto;
   text-align:left;
   background-color:#00CC00;
   height:333px
   }
#menu {
   width:100%;
   height:53px;
   text-align:left;
   background:#CC0000;
   }
      #contenido{
    line-height: 20px;
    margin: 0 200px 0 0px;
    padding: 20px 10px;
   background-color:#FF0000;
   }
#izq {
float:left;
width:280px;
   margin:0 auto;
   text-align:left;
   background-color:#FFCC00;
   height:333px
   }
   #der {
   position:static;
float:right;
width:200px;
   text-align:right;
   background-color:#FF00FF;
   height:333px
   }

el html es:

Código :

<body>
   <div id="main">
            <div id="header"></div>
            <div id="menu"></div>
            <div id="contenido"></div>dddddddddddd
            <div id="izq">contenido 1</div>
            <div id="der">contenido 2</div>
   </div>

</body>

gracias!!

Por logoys

Claber

104 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 14 Jun 2011 03:43 pm

dale el mismo margin al div der, o sea 200px, o simplemente crea un div contenedor de 2 el amarillo, el div rojo y el magenta, al alinear tu div magenta hacia la derecha dentro de tu div contenedor quedará al margen del div magenta

Por el_chejin

Claber