How to move my block to the right side?

By alvida on 20 Feb 2014 at 22:46 UTC

Hello guys,

I'm a total newbie in Drupal (and not very good in CSS). I want to put a block in the right side of my page. What the theme (Corporate Clean) offers doesn't fit my wishes. So I've tried CSS...

Here is what I get : https://www.dropbox.com/s/4gii0hpakm80sqg/what%20i%20get.jpg

Here is what I'd like (block in the right side of the page) : https://www.dropbox.com/s/8z3u7wn6fuohy6r/what%20i%27d%20like.pdf

I think I have to use float, margin... but I don't how use it in my case.

Thanks a lot for your help

Comments

The post https://drupal.org

nevets commented 20 February 2014 at 23:05

The post https://drupal.org/node/1830466 says 7.x-1.6 has 3 column support which would allow you to directly place blocks in the left or right sidebar as desired.

Thank you for your help.

alvida commented 21 February 2014 at 07:35

Thank you for your help.

I've already tried what you say. In the left column, it seems ok. But in the right column (what I'd like) it's awful (I use a pdf viewer)

https://www.dropbox.com/s/80e13d208gd0ytu/right%20column.jpg

An actual page would allow

nevets commented 21 February 2014 at 16:15

An actual page would allow for a more exact answer but my two thoughts are there is not enough space in the column and/or you need to apply css to style it so it looks the way you want.

Thank you for your answer. I

alvida commented 24 February 2014 at 22:01

Thank you for your answer. I've managed to put my block on the right sidebar. I want it "fixed". The problem is now that the block doesn't stop at the bottom of the page. This problem is well-known as "Fixed - floating menu" and easily solvable with Javascript. The fact is that I want to use CSS only. Is it possible ?

https://www.dropbox.com/s/2n1aq1wkst5ixz4/menu.jpg

Thanks

PS: I'm sorry I dont' have the rights to allow you to see the page :(

In general, given a css

nevets commented 24 February 2014 at 22:19

In general, given a css selector that can be applied to the container element you can add "position: relative" to the parent element and use something like

css-selector-for-container-element {
  position: absolute;  (or fixed if more appropriate)
  right: 0px;
  top: 10px;
}

I guess what you mean. But I

alvida commented 25 February 2014 at 10:02

I guess what you mean. But I don't understand exacly how it will work. I think it's impossible only with CSS because : there's no constant margin with the page, the window or the container element. It's a mix between these 3 kinds of margin.

Has anyone an idea ?

It can't be done with CSS

Jaypan commented 25 February 2014 at 15:32

It can't be done with CSS only, as position:fixed is always relative to the window, and elements set with position fixed have no 'awareness' of any other elements on the page.