Ambiera Forum

Discussions, Help and Support.

Create a new account, Search, or Login:
Name: Password:
Ambiera Forum > RocketCake
Fixed container horizontal alignment ?
Author Text

micaelo
Registered User
Quote
2022-09-22 14:08:34

On a project which was actually already done I decided to add a fixed container at the top of the landing page. So I simply added a container at the bottom of the RC working area and gave it the additional CSS style
 position: fixed; z-index: 100; top: 00vh; 

to stick it to the top of the page.

No my question: Since all other containers of this page are horizontally centered I centered this one as well. However, in the preview it's placed far to the right. I made a demo project. It's the blue container. See screenshot:
🔎︎

I found that if I left-align this container, it will appear centered.

Why is that? The .rcd demo file is here for download:

https://4hundert.de/public/micae...


bupp
Registered User
Quote
2022-09-22 17:05:08

why don't you push the container straight up?
Select the container and move it upwards by holding down the mouse button on the top left symbol.


micaelo
Registered User
Quote
2022-09-22 17:59:17

Yes, thanks, that's a solution. I can then easily center the container.

I'm still wondering, however, why that's not possible if I use the
top: 00vh;
css style.


niko
Moderator
Quote
2022-09-23 07:02:01

I think you also need to specify a 'left' or 'right' position, otherwise it just gets centered by whatever rule comes before.


Create reply:


Posted by: (you are not logged in)


Enter the missing letter in: "Internatio?al" (you are not logged in)


Text:

 

  

Possible Codes


Feature Code
Link [url] www.example.com [/url]
Bold [b]bold text[/b]
Image [img]http://www.example.com/image.jpg[/img]
Quote [quote]quoted text[/quote]
Code [code]source code[/code]

Emoticons


   






Copyright© 2020 Ambiera e.U. all rights reserved.
Privacy Policy | Terms and Conditions | Imprint | Contact