Pongo el ejemplo real:
Como veis, el calendario queda abajo a la izquierda, cuando me gustaría que quedase justo al lado del panel de noticias.
Esto es así pq el panel está configurado de la siguiente forma:
Código:
<div id="body> (el color naranja de fondo)
<div id="news"> (el color blanco que lo engloba todo)
<div id="panel-noticias></div>
<div id="panel-agenda></div>
</div>
</div>
Esto sucede por que por más que le diga que se ponga a 0px right, el panel agenda, al no tener ninguna capa en absolute, no tiene referencia.
El tema está en que todas las capas son relativas, para que como he dicho, si el panel de noticias tiene 6 noticias en vez de 3, el div "panel-noticias" y "body" se alarguen hasta abajo, y el panel footer (el degradado azul) se mantenga debajo de todo.