¿Mas de 3 divs inline?

[wzmtp]

Hola amigos.

Tengo claro como alinear 3 divs o 3 spans usando floats.
Pero, que ocurre cuando son mas de 3?

Necesito utilizar 5 divs, o 5 spans, dentro de un mismo contenedor y mostrarlos inline.



/*html*/
<div id="contenedor">
<span id="resultado">contenido</span>
<span id="resultado">contenido</span>
<span id="resultado">contenido</span>
<span id="resultado">contenido</span>
<span id="resultado">contenido</span>
</div>


/*css*/
#contenedor {width:550px;}
#resultado {width:100px;}




Adjunto foto:


Cualquier duda o sugerencia sera muy bien recibida.
Gracias a todos por vuestro esfuerzo de antemano.

[Kanashin]

Puede encadenar tantos divs como quiera. Si sabe el tamaño que va a utilizar, haga algo del estilo:

Código HTML:

<div id="contenedor">
    <span class="resultado">contenido</span>
    <span class="resultado">contenido</span>
    <span class="resultado">contenido</span>
    <span class="resultado">contenido</span>
    <span class="resultado">contenido</span>
</div>
 

Código CSS:

#contenedor {width:550px;}
.resultado {float:left;width:100px;}
 

[Ruben_JD]

Deacuerdo con Kanashin con los anchos de cada div puedes ubicarlos mejor, pero wzmtp podrias utilizar la propiedad display: table-cell aqui mas info, o utilizar codigo de liquid layouts (buscalo en google) para darte una idea de como ubicar esos divs sin tener un tamaño fijo, algo con porcentajes %.

[wzmtp]

wow! muchas gracias amigos

me han sido de gran ayuda vuestras respuestas.

[AubeRoseau]

Yo tenía entendido que eso se podía hacer con las propiedad position: relative y position: absolute, ¿no?

En este post podeis ver una imagen de lo que he hecho utilizando esas propiedades:

[URL]http://www.forosdelweb.com/f53/redimensionar-div-que-lleva-varios-div-dentro-876311/#post3704400[/URL]

Lo comento por si sirve de ayuda.

Saludos

[jomaruro]

Hola:

Iniciado por AubeRoseau

Yo tenía entendido que eso se podía hacer con las propiedad position: relative y position: absolute, ¿no?

Para que lo entiendas mejor échale un vistazo a la guía que Mikmoro aportó al foro: Migración sin dolor, sobretodo fíjate en el apartado donde habla del posicionamiento.

Saludos.

[AubeRoseau]

Oye jomaruro, muy buen link. Gracias por tu aportación.

[Waxter81]

Iniciado por Ruben_JD

Deacuerdo con Kanashin con los anchos de cada div puedes ubicarlos mejor, pero wzmtp podrias utilizar la propiedad display: table-cell [URL="http://www.librosweb.es/referencia/css/display.html"]aqui mas info[/URL], o utilizar codigo de liquid layouts (buscalo en google) para darte una idea de como ubicar esos divs sin tener un tamaño fijo, algo con porcentajes %.

Mil gracias por la propiedad table-cell. Diez años programando y todavía no la conocía....

Tiene muchísima utilidad porque de otra forma una cosa tan simple como colocar tres elementos uno a continuación de otro se estaba convirtiendo en un infierno...

[saulos]

Iniciado por Waxter81

table-cell ... Tiene muchísima utilidad porque de otra forma una cosa tan simple como colocar tres elementos uno a continuación de otro se estaba convirtiendo en un infierno..

si quieres ver el infierno intenta usar esas utiles propiedades CSS en el bendito IE