alinear dos objetos en la misma "fila"

[antiheroe_408]

hola compañeros, suelo ser habitual en otro foro de programacion, pero me han recomendado esta pagina y bueno, vamos a probar a ver que tal

queria pedir ayuda sobre un problemiya que tengo en mi web,

la web es "es una web de "pruebas " " , http://folele.webatu.com
el tema es que tengo dos elementos, un formulario de log in , y un boton de registrarse, el formulario esta dentro de la capa login, mientras que el boton he provado ponerlo dentro , fuera, y de todas las maneras posibles para que quede en la misma fila, pero me es imposible.
solo lo he conseguido poniendole a la capa log in la propiedad float:left, pero no me gusta un pelo abusar de los float , si alguien puede decirme com o podria arreglarlo?

si usais iexplorer supongo que lo tendreis facil para ver la hoja css y la pagina html.

gracias

[pzin]

Bienvenido a FDW antiheroe_408. Sabio quien te recomendó este foro.

A mí la página me redirige a otro sitio creo.

Los float están para lo que están, no es malo abusar de ellos. De todas formas, puedes probar a cambiarle display a inline —a ese elemento y adyacentes—, o incluso inline-block si te hace falta que siga siendo un elemento en bloque.

De todas formas, como no se ve la web y no hay código que ver igual hay otras soluciones.

En realidad esto tendría que ir al foro de CSS.

[antiheroe_408]

perdon por lo de la redireccion, seria que justo entraste cuando estaba probando la etiqueda <iframe></..>
el display inline ya lo he probado, pero no hay manera,es como si no hubiese manera de meterlo a la derecha de el log in

perdon por lo ocurrido, espero pueda ayudarme alguno :S

[pzin]

Si le aplicas inline-block a los contenedores de los inputs y del submit, deberías conseguirlo:

Código CSS:

#login,#cuadroRegistro {
  display: inline-block;
}
 

[furoya]

Lo que corresponde es un ejemplo donde se vea esa falla. Así no tenemos que adivinar ni tirar ideas "por las dudas".
Ni hablar que si al crear el ejemplo los elementos quedan alineados, antes de postear nada se busca qué era lo que los descolocaba. Para eso sirven los ejemplos, para ver lo que en el código completo se nos pasa.

[zetahosting]

<div style="width: 500px;">


<div style="width: 250px;float:left;">BLOQUE 1</div>


<div style="width: 250px;float:left;">BLOQUE 2</div>


<div>

[Morod0]

Iniciado por zetahosting

<div style="width: 500px;">


<div style="width: 250px;float:left;">BLOQUE 1</div>


<div style="width: 250px;float:left;">BLOQUE 2</div>


<div>

<div style="clear:both"></div>


para evitar complicaciones con el resto de la web, por asi decirlo, hace que los elementos flotantes dejen de hacerlo a partir de ahi. Hoy por hoy es la forma de por ejemplo hacer un menu , es lo que uso ahora mismo