Sigo con mi estudio de CSS y resulta que estoy haciendo un ejercicio. El ejercicio consiste en tener 3 columas dentro de un div (que su anchura puede variar) y dichas columas deben estár alineada horizontalmente (una al lado de la otra) y no he podido con el usunto ..... ¿Cómo se hace? .... Mando el còdigo. GRACIAS DE NUEVO
Código :
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
body {
background-image:url(images/sm_blk2_1280.jpg);
background-attachment:fixed;
}
#contenedor {
width:1010px;
height:auto;
}
#caja1 {
background-image:url(images/update.png);
background-repeat:no-repeat;
background-position:bottom left;
background-color:#FFFFFF;
width:300px;
height:500px;
border:thin #000000 solid;
}
#caja2 {
background-image:url(images/update.png);
background-repeat:no-repeat;
background-position: right top;
background-color:#FFFFFF;
width:300px;
height:500px;
border:thin #FF0000 solid;
float:right;
}
#caja3 {
background-image:url(images/update.png);
background-repeat:no-repeat;
background-position: 50% 50%;
width:300px;
height:500px;
border:thin #339966 solid;
background-color:#FFFFFF;
}
</style>
</head>
<body>
<div id="contenedor">
<div id="caja1"><h1>Bottom Left</h1></div>
<div id="caja2"><h1>Right Top</h1></div>
<div id="caja3"><h1>50% 50%</h1></div>
</div>
</body>
</html>
espero 
