DIV desubicado

[jlx4]

Hola a todos, tengo un problema, he logrado centrar un contenedor por medio de css, pero, el problema ahora es que dentro del contenedor quiero colocar varias filas de div, estoy empezando a colocar la primera fila que va a llevar 3 divs, pero, no consigo colocar el segundo al lado derecho del div, se me corre para abajo, alguien sabe como hacerlo sin utilizar float y sin utilizar una tabla del tamaño del contenedor?, aquí dejo el css :

html, body{
background-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
min-width: 900px;}

#contenedor{
width: 900px;
margin-left: auto;
margin-right: auto;
position: relative;
text-align: left;
background-color: #FFFFFF;
border-color: #999999;
border-style: solid;
border-width: 1px;}

#div1{
background-color: #FFFFFF;
border-color: #999999;
border-style: solid;
border-width: 1px;
height: 100px;
width: 150px;}

#div2{
background-color: #FFFFFF;
border-color: #999999;
border-style: solid;
border-width: 1px;
height: 100px;
width: 300px;}

[jlx4]

ya encontré la forma, era flotando todos los divs, ya sean 2 ó 3 o más, me alegra al menos el que haya que flotar todos y no uno y especificar su ubicación...............xD

[pzin]

Cuando flotas un elemento, este sigue estando habitualmente en el flujo natural de HTML. El problema que crees que se puediera dar, se da cuando posicionas un elemento de forma absoluta, cosa que sí que es verdad que en la medida de lo posible hubiera que evitar.

Para no volverte repetitivo, puedes hacer esto:

Código CSS:

#div1,#div2 {
    /* estilos comunes... */
}
#div 1 {
    /* estilos de div1 */
}
#div 2 {
    /* estilos de div2 */
}
 

O también, si sólo los tienes como elementos flotantes-contenedores, puedes usar clases en vez de ideses.

Código CSS:

.flotantes {
    /* estilos de los div flotados... */
}
 

Así tu código no crece innecesariamente.

[jlx4]

Es una excelente idea Bonez, pero vi tarde el mensaje y lo había estado haciendo de otra forma, creé un div dentro del contenedor, la primera fila específicamente porque planeo hacer más filas dentro del mismo contenedor, esta tiene el height de esa fila y en cuanto al width no se lo coloqué porque depende del ancho del contenedor en el cual está, floté los 3 divs dentro, y no les coloqué ni height ni width porque el height ya está definido en el div fila en el cual están los 3 divs flotados incluídos, y en cuanto al width tampoco se los coloqué porque los estoy separando con paddings, fué lo único, rápido y simple que se me ocurrió, crees que es buena idea, o que podría tener complicaciones con algún navegador?