help me with absolute positioning

[aytug]

Hey, I'm trying to absolute position an element on the page but even though I believe I did all that is necessary it won't work.

Now the image and the positioning settings of it: (I'm using absolute positioning to gain more control over it like minimum height, when I put it in a fluid box I can't control the minimum size.)

https://ibb.co/k2xNr8

It seems to be working in preview modes. (with slider or custom phone sizes as you can see):

https://ibb.co/n9ge4T

But the thing is when I preview in Chrome or Firefox and as soon as I pull the slider the image drops down to the very bottom of the slide. (what happened to my 7% margin lol) See here:

https://ibb.co/hUbU4T

So what's the problem here?

[Lilybiri · Accepted solution]

In my view on responsive projects with fluid boxes, 'absolute positioning' cannot be doen in that workflow at all.  If you need a responsive project you always work with relative positions. If you turn on the rulers and add some guides, they will always be in %, never in absulute units, pixels.

Moreover in Fluid Boxes you have even less control over positioning than in Breakpoints, because each item will be positinoed depnding on the scren size and the setup of the fluid boxes. If you want more control over the layout, and you do need a responsive project, switch to Breakpoints.

I tried to explain the differences, advantages and disadvantages of both wprkflows in a blog post:

Fluid Boxes Or Breakpoint Views? - Captivate blog

[aytug]

This is a responsive project but I wanted to position it with absolute positioning. Shouldn't it work though? There seems to be no pronlem for me but I've been using it for a few months now so I'm kinda beginner..

[Lilybiri]

Indeed, to me absolute positioning and Fluid Boxes are 'contradictio in terminis'. Did you read that blog?

You can position guides to create fluid boxes but within the fluid boxes themselves the position of items is controlled by the settings in the Fluid box: wrap, vertical, horizontal settings and padding.

Here is another link;

https://elearning.adobe.com/2017/08/master-fluid-boxes/