[Ovillo] alinear cajas horizontal
alejandra.j.gomez en gmail.com
alejandra.j.gomez en gmail.com
Sab Abr 28 19:08:27 UTC 2007
Hola amigos: estuve buscando sobre como alinear dos cajs (divs) de forma
horizontal una al lado de la otra y a la misma altura, consegui un articulo
en desarrollo web.com y sin embargo no se soluciono:
adjunto el codigo:
CSS:
html, body{width:100%;
height:auto;
margin: 0;
padding: 0;}
body{background-color:#000000;
color:#FFFFFF;
text-align:center;
font-size:62.5%;
font-family:Arial, Helvetica, sans-serif;}
#contenedor{width:800px;
margin:auto;
text-align:center;}
h1{font-size: 2.5em}
#div1{float:left;
width:310px;
height:160px;}
p{font-size:18px;}
#div2{float:right;
width:440px;
height:160px;
font-family:Georgia, "Times New Roman", Times, serif;}
#linea{width:800px;
height:12px;
position:relative;
background-image:url(grilla2.jpg);
background-repeat:index-x;
float:left;}
#cuerpo{width:50%;
height:auto;
background-color:#ffffff;
color:#000000;
margin-right: 20%;
float:left;
}
#menu{width:40%;
height:auto;
position:relative;
float:right;}
#contacto{width:40%;
height:auto;
float:right;}
#blanco{clear:both;
height:20px;}
esta es la forma que quiero conseguir, se que no es dificil, pero creo que
me "marie" un poco:
http://www.desarrolloweb.com/articulos/ejemplos/css/dos-columnas-cabecera-pie-reves.html
Más información sobre la lista de distribución Ovillo