Hola
VbOkonly, no se bien cual es el problema pero prueba con:
Código CSS:
Ver original#muestrabackground {
width: 800px;
position: relative;
overflow:hidden;
}
#muestrafoto {
float: left;
height: ... medida en px ...;
width: ... medida en px ...;
margin-left: 20px;
}
#muestrainformacion {
float: left;
height: ... medida en px ...; /*puedes poner o no el height, la capa crecerá según el contenido que tenga*/
width: ... medida en px ...;
margin-left: 20px;
}
recuerda que el ancho total de una capa es igual a:
padding+margin+width+border.
Si las capas flotadas superan en ancho total a la capa que las contiene entonces la capa que no quepa pasará a la línea siguiente (o sea, abajo, descuadrandote el diseño).
No des height:auto; a la capa padre, mas bien incluye overflow:hidden; con esto la capa padre entenderá que debe tomar el alto de acuerdo al alto de su capa hijo mas alta. Esto se conoce como "limpiar los float" puedes verlo en google.
Espero esta info te sea útil. cualquier cosa no me haya explicado bien nada mas pregunta.
Saludos.