Problema al acomodar un div

[kenproxd]

Hola a todos,

mi problema es algo raro. Intento acomodar el div "sgt" al lado de "portafolio_cont". Ya que este es una especie de carousel jquery no puedo cambiar las propiedades de "portafolio_cont", así que estoy intentando acomodar el div indicado usando position absolute.

Código HTML:

<div id="portafolio">
 
<div class="portafolio_cont" style="overflow: hidden; position: relative; display: block;">
    .....
</div>
<div id="sgt"></div>
 
</div>
 

Código CSS:

#portafolio {
  margin: 10px auto !important;
  width: 1002px;
  position: relative;
}
 
#sgt {
  background: url(../images/right.png) center center no-repeat;
  width: 48px;
  height: 25px;
  position: absolute;
  top: 234px;
  right: 0px;
}
 

El resultado es el siguiente:



Al intentar darle un margin-left al div sgt, por mas ancho que este sea no logro hacer que dicho div quede al lado de portafolio_cont.

Espero se haya entendido y puedan ayudarme. Muchas gracias desde ya

[pzin]

Si quieres que quede por fuera te bastaría con darle un valor negativo a right igual a su ancho. Así quedaría justamente en el borde de #portafolio. Además de ser más limpio que inventando pirulas variopintas con márgenes y cosas raras.

Código CSS:

#sgt {
  ...
  right: -48px;
}
 

Que no funcione el margen izquierdo es normal, porque estás indicando que esté a la derecha. El margen te lo hace seguramente, pero no empuja el elemento a la derecha como esperas que haga por ese right:0.
Si pusieras un margen a la derecha, verás que funciona perfectamente el margen. Y al revés, si especificas left:0 y luego indicas margin-right:20px parece que no hace nada. Piensa que usando right y left es como si estuvieras alineando algo a la derecha e izquierda respectivamente.

[kenproxd]

muchas gracias! hace poco leí un tutorial para alinear divs usando porcentajes y margin y pensé que me funcionaría de esa manera. Gracias nuevamente :)