Problema con DIVS

[Danger_]

Hola tengo un sencillicimo problemon, jejejeje :) ( pero que no logro resolver )

Código:

<div style="position: relative;height: 1;width: 100;background: orange">

<div id=a style="position: relative;border:1px solid red; height: 20;width: 50;z-index: 1">aaaaa</div>
<div id=b style="position: relative;border:1px solid blue; height: 20;width: 50;z-index: 1">bbbbb</div>

</div>

Como veran al imprimir, se muestran los dos divs ( id=a, id=b ) en forma de lista, y quiero evitar eso, ya pobre con <nobr>...</nobr>, con absolute, relative, static y hasta con fixed :S.

Nunca habia requerido algo asi, por eos nunca habia tenidoe se problema, usar tablas me ahorrarian este detalle, pero forzozamente requiero utilizar DIVS.

Si alguien me indica lo que tenga que corregir, Gracias !

[iconogt]

No sé si tu objetivo sea esto pero como dices que no quieres que se coloquen una bajo la otra pues entiendo que lo que quieres es que esten a la par, si es eso entonces usa la propiedad (display) y el valor (inline) con eso tendrías el efecto esperado.

Ok slds..

[Danger_]

Digamo que en lugar de esto:

!----!
!----!
...

quisiera esto:

!----! !----!....

que propiedad devo utilizar...?

[Danger_]

ya probe con ---> display: inline; <---

y me funcionoi, muchisimas gracias

[iconogt]

Ahhh, en esta ocación si fuistes más claro

Y efectivamente mi respuesta fue la correcta OK lo aplicas así:

Código:

<div style="display: inline;"></div>

Con eso te tendría que bastar, y también están estos otros valores: (block 'Esto hace todo lo contrario a lo que quieres, es decir, los bloques se colocan uno debajo del otro'), y está fixed y el nulo que sería none.

Ok espero te sirva,
slds...

[iconogt]

Que bien que hayas solucionado tu problema, y no tienes nada que agradecer, fue un gusto!

[Durgeoble]

danger, no uses los estilos en linea, metelos en una hoja de estilos o bien juntalos al principio de la pagina